关于vue配置的注意事项

学习vue的时候，在配置一些组件时，总是遇到一些问题，方便以后自己查看，也希望对遇到相同问题的人有帮助，我这里是用webpack-simple作为项目

1.配置vue-router时,main.js 中 引入router时

import router from'router/router.js'  

如果 import 其他变量名  from'router/router.js' 运行是会有提示说 没有匹配，   

现在只能用router才行，即： new Vue({

    router, store,render:function (create) { return create(App); }

}).$mount('#app')

感觉应该是vue这里将路由引用的组件名称限制了，如果名称不对vue无法调用；（ps:现在暂不知道怎么回事，以后懂了再更新）

2.同上，再配置vuex时，main.js引入vuex时

import store from './vuex/vuex'

如果 import 其他变量名  from' /vuex/vuex ' 运行是会有提示说 $store.state没有定义，

这里也只能用store 才能访问（ps:现在暂不知道怎么回事，以后懂了再更新）

3.配置引用css文件，loader 顺序是use:['vue-style-loader','css-loader'] ，从右向左运行，顺序不能反

4.配置element-ui，发现编译显示依然报错，后来发现缺少对css文件中字体文件的编译的loader定义，在webpack.config.js=>modules=>rules中加入

{test: /\.(eot|svg|ttf|woff|woff2)$/, loader:'file-loader'} 在运行就行了

5.配置axios，import axiosfrom 'axios'，import VueAxiosfrom 'vue-axios' Vue.use(VueAxios,axios)  这样不用直接的方式=》Vue.prototype.$ajax= axios;

当然以上的vuex,vue-router 使用时 都需要use=> eg:Vue.use(vuex)

最后，用npm dun dev 就可以打开调试了