薔薇花.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);
　　});
　```

以后再遇到問題持續(xù)更新記錄。