本文摘自PHP中文网，作者V，侵删。
使用vue.js需要注意：1、过滤器主要用于简单的文本转换；2、computed和methods的区别；3、key的使用；4、数组的使用；5、组件的使用；6、组件通信。
本文环境：windows10、vue2.9，Dell G3电脑。
（学习视频分享：javascript视频教程）
使用vue.js需要注意以下问题：
1、过滤器主要用于简单的文本转换，如果要实现复杂的数据变换，应使用计算属性
2、指令的使用
v-bind基本用于HTML元素上的属性，如id、class、href、src等
v-on用来绑定事件监听器，如click、dblclick、keyup、mousemove等，method内的this指向的是当前Vue实例
v-show不能使用在template上
- v-if 和 v-show使用场景
v-if 条件为false则不会编译渲染元素。v-show只是简单的CSS属性切换，无论true/false，都会编译。v-if适合条件不常改变的场景v-show适用频繁切换条件
3、computed和methods的区别
methods有括号（），computed不带括号。
computed是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。
methods在重新渲染的时候，函数总会重新调用执行。
4、key的使用
Vue渲染元素时，考虑效率，会尽可能复用已有的元素。此时需要在被重用的元素加上key属性
1 |
|
5、数组的使用
filter()、concat()、slice()不会更改原数组，将返回一个新数组
用新数组替换原数组，无性能影响。Vue渲染时，会尽量复用DOM元素
相关阅读 >>
更多相关阅读请进入《vue.js》频道 >>
书籍 Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
