vue的測試（Vue.js devtool）

1. 安裝chrome插件：Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN)

 

2. 下載vue-devtools (https://github.com/vuejs/vue-devtools)

3. 修改文件:vue-devtools-master/shells/chrome/manifest.json

1 2 3 4

"background" : {          "scripts" : [  "build/background.js"  ],          "persistent" :  false      },

改爲：

1 2 3 4

"background" : {          "scripts" : [  "build/background.js"  ],          "persistent" :  true      },

4. 打開vue項目,在控制檯選擇vue：

 

5. 可操做組件查看信息變化(例如分頁組件)

 選擇第一頁：

 

 

 選擇最後一頁：