vue语法使用注意事项

vue常用的事件修饰符的概念

.stop：就是js中的event.stopPropagation()的缩写,它是用来阻止冒泡的；
.prevent：就是js中event.preventDefault()的缩写,它是用来阻止默认行为的；
.capture：捕获事件和冒泡事件(默认)是两种事件流,事件捕获是从document到触发事件的那个元素;冒泡事件是从下向上的触发事件；
.self：就是防止父元素（设置了该修饰符）的子元素的事件冒泡到父元素上，只有本身触发时才会执行事件处理程序（函数）；
.once：每次页面重载后只会执行一次。
如有错误，多多指正。
vue常用的表单修饰符的概念
.lazy：在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 “change” 而不是 “input” 事件中更新 ：

<input v-model.lazy="msg" >

.number：如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个修饰符 number 给 v-model 来处理输入值：

<input v-model.number="age" type="number">

这通常很有用，因为在 type=“number” 时 HTML 中输入的值也总是会返回字符串类型。

.trim：如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入：

<input v-model.trim="msg">

methods和computed的区别

在vue.js中，有methods和computed两种方式来动态当作方法来用的。

1.首先最明显的不同 就是调用的时候，methods要加上（）
2.我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。
而使用 methods ，在重新渲染的时候，函数总会重新调用执行。