04v-model双向绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-text,v-html指令</title> <script src="node_modules/vue/dist/vue.js"></script> </head> <body> <!--v-bing单项绑定 v-model双向绑定--> <div id="app"> <h1>{{msg}}</h1> <input type="text" name="" id="" v-model="msg"> <button @click="changeMsg">替换数据</button> </div> <script> var vm=new Vue({ el : '#app', data:{ msg:"点一下玩一年", },methods: { changeMsg(){ this.msg="新的被替换的数据"; } }, }) </script> </body> </html>
所需依赖：npm i vue
源码：http://files.cnblogs.com/files/sansui/04v-model%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A.zip
浙公网安备 33010602011771号