首页 > 代码库 > VueJS实现双向数据绑定:v-model

VueJS实现双向数据绑定:v-model

HTML

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script></head><body><div id="app">    <p>{{ message }}</p>    <input v-model="message"></div>    <script>new Vue({  el: #app,  data: {    message: 一变全变  }})</script></body></html>

效果:

技术分享

VueJS实现双向数据绑定:v-model