cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="<em>app</em> </div> </body> <script> var app6 = new Vue({ el: '#<em>app</em>
{{message}}
<input v-model="message">function () { this.message = this.message.split('').reverse().join('') } } }) 六、数据绑定 <div id="<em>app</em> -- v-model数据绑定指令 v-model=‘绑定的数据’--> </div> var app6 = new Vue({ el: '#<em>app-6</em>', data: {message: 'Hello
{{message}}
<input v-model="message"/>this.message = this.message.split('').reverse().join('') } } }) v-model 指令 实现表单输入和应用状态之间的双向绑定
{{ message }}
<input v-model="message">this.message = this.message.split('').reverse().join('') } } }) v-model 指令 实现表单输入和应用状态之间的双向绑定
{{ message }}
<input v-model="message">function () { this.message = this.message.split('').reverse().join('') } } })
{{ message }}
<input v-model="message">{{ message }}
<input v-model="message">可以理解为相互监督:
{{ message }}
<input v-model="message">this.message.split('').reverse().join('') } } }) v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定 <div id="<em>app</em>