vue中多行文本标签_Vue知识点总结(5)——vmodel（超级详细）

今天的内容是v-model

双向数据绑定是Vue的灵魂特点之一，v-model是完美的体现了Vue双向绑定的特点。

你可以用 v-model 指令在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

v-model 会忽略所有表单元素的 value、checked、selected，attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。

文本

   <div id="app">   <p>{
    {message}}p>    <h3>文本框h3>    <p>v-model:<input type="text" v-model="message" />p>    div>     <script>        var app = new Vue({
                el:'#app',            data:{