安装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的值:
网友评论