本篇文章主要介绍了详解vue.js的devtools安装 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本篇将简单介绍常用的修饰符。 在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点“.”连接修饰符名称。 一、v-model的修饰符  v-model 是用于在表单表单元素上创建双向数据绑定的指令。在 和 上，默认通过监听元素的 input 事件来更新绑定的属性值。 为了能明显的看到绑定属性值的变化，需要在Chrome浏览器中安装Vue Devtools扩展程序。当查看Vue开发的页面时，按F

安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install —–>npm run build. 3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》添加工程中的shells–>chrome的内容或者直接拖动shells–>chrome，至此恭喜已经安装成功！！！

准备工作 1.判断是否需要FQ或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpm npm install -g cnpm --registry="cnpm"全局安装淘宝cnpm。 2.开发工具选择很多，VUE无专用开发工具，开发项目多以SPA形式体现，本例使用 Visual Studio Code。 3.调试工具选择很多，官方推荐 vue-devtools 。 安装方法：FQ或者github主页。https://github.com/vuejs/vue-devtools下载压缩包，