学习vue的时候,在配置一些组件时,总是遇到一些问题,方便以后自己查看,也希望对遇到相同问题的人有帮助,我这里是用webpack-simple作为项目
1.配置vue-router时,main.js 中 引入router时
import router 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'
这里也只能用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 就可以打开调试了