vue2.0使用过程中遇到的问题总结

蔷薇花.png

1、在输入命令npm run dev运行项目后报错端口冲突，在config文件目录下的index.js改下port端口号，默认是8080的。
2、需要使用路由时，引进路由后，还需要use()

   import Vue from 'vue'
　 import VueRouter from 'vue-router'
　 Vue.use(VueRouter);

3、在生成路由实例之后，记得要将路由挂到Vue实例上。

const router=new VueRouter({
　　mode:'history',//去除#，不然路径为/#/index
　
　　// 注意这里不要拼写错误
　　routes
});
new Vue({
　　/* 最后挂到vue上 */
　　router,
　　el: '#app',
　　render: h => h(App)
});

4、Moudel not found:Error:Can't resolve "style" in 'E:\vue-demo'
在webpack.base.conf.js 中配置css是：

module:{
　　　　rules:[
　　　　　　{
　　　　　　　　test:/\.css$/,
　　　　　　　　loader:'style!css'
　　　　　　}
　　　　]
　　}

在vue2.0中，不能省略后缀，必须写全，改为：

　module:{
　　　　rules:[
　　　　　　{
　　　　　　　　test:/\.css$/,
　　　　　　　　loader:'style-loader!css-loader' //这里必须要写全，不能和vue1.0一样简写
　　　　　　}
　　　　]
　　}

5、axios不可以use()，使用axios时：
先将axios导入文件

import axios from 'axios' 

再将axios放入到Vue实例上面，这样在其他组件中，可以直接通过this.$https.get/post使用
在main.js中写：

Vue.prototype.$http = axios
　```
其他组件可以直接使用：

this.$http.get('/api/getTablet').then((res)=>{
　　　　console.log(res.data);
　　}).catch((err)=>{
　　　　console.log(err);
　　});
　```

以后再遇到问题持续更新记录。