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

vue2.0使用过程中遇到的问题总结_第1张图片
蔷薇花.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);
  });
 ```

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

你可能感兴趣的:(vue2.0使用过程中遇到的问题总结)