Vue进阶语法

前言：在Vue中计算复杂的逻辑运算时，经常会使用方法、计算属性和监听器

一、Methods方法和Computer计算方法

 Methods方法：

Methods方法通常用于事件处理，或者封装自己定义的函数，不需要缓存，每当页面重新渲染的时候，Methods都会重新调用函数

 Computer计算属性：

计算属性的效率比较高，当数据发生变化时才会执行代码，否则会从缓存中读取之前计算后得出的数据

二、Watch监听器

Watch监听器用来监听数据的变化，当数据发生变化时就会触发监听器，返回修改前或者修改后的数据

深度监听：当需要监听的数据变为对象类型的时候可以在监听的基础上使用deep：true来完成深度监听

三、v-model实现绑定表单

v-bind中实现了数据的单向绑定，而v-model是数据的双向绑定

双向数据绑定：表单元素的值发生变化时，变量的值也会变化。相反，变量的值发生变化时，表单元素的值也会发生变化

v-model中还可以使用一些修饰符来实现某些功能：

1. v-model.lazy 只有在input输入框发生一个blur时才触发，也就是延迟同步到失去焦点时。
2. v-model.trim 将用户输入的前后的空格去掉。
3. v-model.number 将用户输入的字符串转换成number。