Vue-初试水(二)

1、VUE调用后端接口并展示
有有npm,之后对于整个项目的安装工作变得容易,只需要下载工具包,导入,引用,三步骤即可:

今天的主题是他axios
npm install axios --save

一般通用的包都直接引入在main.js中
之后的套路就是引用,

Vue-初试水(二)_第1张图片

之后找一个页面直接引用,引用的样子如下,人家结构就长这样,class引用下面的js,click调用方法,一连串操作

Vue-初试水(二)_第2张图片

2、Vue中ElementUI的使用
也就是上一张图中的button不是vue原生的

此处就需要又用到npm这家伙,进行element-ui的下载

npm i element-ui -S

老套路引入并使用

Vue-初试水(二)_第3张图片

之后就可以用element中的元素,具体有多少,可以看其官方文档

如果用的是vscode,在奉上 element-ui的补全:
Vue-初试水(二)_第4张图片

他的补全使用方式使用简写字,如elb就是button的引用,具体太多不再赘述。

你可能感兴趣的:(Vue-初试水(二))