- 在搭建好项目后,我们首先可以安装elementUIl 输入命令
cnpm add element-ui -S
-S表示是线上和开发都要用到的。 - 安装完成后然后我们去element-UI官网完整引入element-UI 根据你的项目代码,把没有的添加进去。
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
-
安装mock.js
mock是模拟后端数据,在我们的后端还没开发完成是,可以是mock.js进行模拟数据,它本质的作用就是:生成随机数据(或自定义数据),拦截ajax请求,提高开发效率。
安装命令:cnpm install mockjs
-
安装 axios
命令:npm install axios
在我们的main.js文件中加入import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios)
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 在vue中使用axios进行对后端获取数据,简单的来说这个就是升级版的ajax。