vue常见指令及其注意事项
1.模板
1.插值：在模板元素内部使用{{ js表达式 }}
2.指令：
1.v-for：用于循环生成元素
2.v-on：用于注册事件，语法糖：@
3.v-if：用于判断该元素是否生成，可以和v-else联用，或者和v-else-if联用
4.v-show：用于判断该元素是否显示
5.v-bind：用于绑定属性，语法糖：：
6.v-model：语法糖，用于实现双向数据绑定，实际上，是自动绑定了value属性值，和注册了input事件，vue2.x版本使用Object.defineProperty()，但是vue3.x已经改用Proxy进行代理，这也就意味着放弃了ie浏览器
3.模板的配置
1.页面中直接进行书写
2.在template配置中书写
3.在render中手动用函数创建（较为少用），render函数的参数是一个创建虚拟DOM对象的方法，为什么使用虚拟DOM，因为真实的DOM操作非常慢
2.配置对象
1.template：配置模板
2.el：配置控制的元素，css选择器
3.data：管理的数据，响应式数据
4.methods：配置方法，方法中的this指向vue实例，不能使用箭头函数，否则会对vue绑定的this进行干扰
5.computed：计算属性，其中的配置会提升到vue实例中，因此，在模板中可以直接当作属性使用，使用时，实际上调用的是对应的方法。通常，计算属性用户通过data或其他计算属性得到的数据。
与方法的区别：
1）vue会检查计算属性的依赖，当依赖没有发生变化时，vue会直接使用之前缓存的结果，而不会重新进行计算
2）计算属性的读取函数，不可以有参数
3）计算属性可以配置get和set，分别用于读取时和设置时
携程公司氛围 85人发布
