MAC上学习Vue---Day3. 使用Chrome浏览器测试V
2019-07-19 本文已影响2人
RaRasa
安装Chrome
Chrome下载地址为：
安装vue-devtools调试工具
1. 使用Chrome浏览器打开Day1创建的test1.html，并右键选择“检查”
2. 打开Console选项卡给出的下载GitHub地址：
https://github.com/vuejs/vue-devtools
3. 进入GitHub后，先点击“Clone or download”，再点击“Download ZIP”进行下载
4. 解压“vue-devtools-dev.zip”文件，并使用CMD工具进入该解压目录下，再执行如下命令：
cnpm install
cnpm run build
5. 用Chrome浏览器打开如下地址，需要勾选“开发者模式”
6. 选中开发者模式中的“加载已解压的扩展程序”选项，选择“vue-devtools-dev”文件夹中的shells/chrome文件夹
7. 单击“更新”按钮，将安装Vue.js插件
使用Chrome浏览器测试Vue.js的双向绑定
1. 可查看msg的值：
2. 可改变msg的值：
