Day16 Vue directives(v-model资料双向绑定)

在Vue里有个很大的特色可能就是资料的双向绑定(Two-wayBinding)，而资料绑定的话我们最常适用的属性就是v-model。
v-model常用於表单和元素来做双向数据绑定，结合其他样板指令 v-bind跟 v-on一样，除了初始绑定与呈现资料外，还会监听事件来做资料更新。

我们先在v-model里绑定message，并用p把message呈现出来，因为依v-model属性的功能我改变message改变的话p里的内容也会被改变。

原先呈现的结果。

修改内容後内容当然也会改变。

v-model修饰符介绍

.lazy

lazy修饰符，通常在讯息被改变时不会马上更动，而是在离开输入拦时才会改动内容。

.number

number的话就是将输入的内容转化成数字，就这麽简单明了。

.trim

trim的话，应该会蛮常使用的，它的功能就是过滤到空白元素，有时候会有人按一堆空白，这就可以吧空白的地方过滤掉喔。

今天就先到这了，明天见~