阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 v-pre可以用来阻止预编译，有v-pre指令的标签内部的内容不会被编译，会原样输出。 如果已知页面内部有大段内容无需编译，使用v-pre指令阻止编译可以提高性能，同时可以防止页面内有可能导致Vue编译出错的代码…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 文件内容为[{"id":3,"name":"lee","age":18,"online":true},{"id":5,"name":"zhangsan","age":22,"online":false},{"id…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 通过调用组件实例的$emit(事件名, 参数)，向组件发送一个事件。 在组件的生命周期created中，使用\this.$on(事件名, 回调函数)，在回调函数中可以接收到参数，以此实现组件间通信。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 通过Vue.component可以注册一个组件，再将其导出到入口vm.js即可。 可以直接通过<cmp1 name="Lee Chen" age="18" :list="[1, 2, 3]" />使用组件，这样无…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 在/src/components/news.js文件中配置子路由，之后将子路由配置赋值给'/news'路由的children属性中。 编译后访问路径'/news/1'可以看到效果。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 在命令行使用webpack命令就可以进行编译，在浏览器中打开index.html文件，并且跳转到路由/index就可以查看效果。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 利用Proxy拦截可以对数据的修改，得知数据被修改时，将模板中相应属性的部分替换，就完成了简单的数据同步功能。 在data改变时，查找页面中含有相应v-model属性的input标签，将input的value值改…

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 创建一个HTML文件，将Vue.js引入。 HTML中需要有一个id为app的标签。 在script标签中实例化一个Vue对象。 el属性称作根元素或挂载点，Vuejs项目的所有内容都会渲染到这个标签内部。 da…