用火狐浏览器测试Vue.js的双向绑定

我们可以通过火狐浏览器提供的调试功能来测试Vue.js提供的这个双向绑定功能，

1、在火狐浏览器中按F12键，可以打开火狐浏览器的控制台，选择控制台选项卡

 

2、控制台中提示需要安装vue-devtools调试工具，并且已经给了相关的下载GitHub地址，可以单击此地址进行下载。

进入此地址后，可以看到其他提供的开源代码和不同版本的安装文件，拉至页面下方的README部分，单击 Get the Firefox Addon俩链接，即可火狐浏览器的调试工具安装包，如下图：

 

3、页面会提示“添加至Firefox”按钮，同意其安装即可。

 

4、安装完成后，打开控制台，绘制插件页面出现Vue.js标志，并且可以在打开之前Vue.js的控制台调试时，会出现以下所示的界面。

5.此时，可以进行Vue.js双向绑定的测试。通过改变message的值，界面显示的值也会改变。在控制台中输入以下代码按Enter键

app.message="恭喜你，实现了Vue.js双向数据绑定测试。"

此时浏览器中的显示效果如下图：