搭建前端框架

1、安装vue-cli

2、引入mint-ui
npm install mint-ui --save

3、引入vuex
npm install --save vuex

4、引入安装mint-ui
npm install mint-ui -S
在main.js中加入
import Mint from ‘mint-ui’
import ‘mint-ui/lib/style.css’
Vue.use(Mint)

5、vue引用svg字体字体图标
5.1、npm install vue-svg-icon --save-dev

5.2 、将svg图片放入src/svg
src/svg路径暂时不可配置

src文件夹应和node_modules在同一个文件夹下,svg一定要放在src这个目录下,否则会找不到

5.3. 在项目的main.js入口引入vue-svg-icon和需要使用的svg文件名（不需扩展名）
import Icon from ‘vue-svg-icon/Icon.vue’;
Vue.component(‘icon’, Icon);

5.4. 在网页中使用icon标签就可以啦！

6、引入axios
npm install axios --save

只需要在需要的vue文件中引入axios就可以。
import axios from ‘axios’

在需要用vue文件的地方进行引用

7、在vue2.0中,为自定义组件绑定原生事件,只有button的原生事件不需要加.native修饰符,其他的都要加.native修饰符

更多技术文章请关注公众号:架构师Plus,
扫码添加