双向绑定
Posted elsons
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了双向绑定相关的知识,希望对你有一定的参考价值。
v-model:双向绑定的值。这个值一改变,凡是用到这个值得地方都改变
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/vue/vue.js"></script> <title>Index</title> </head> <body> <div id="root" v-bind:title="title"> {{msg}} <input v-model="msg" /> <div>{{msg}}</div> </div> </body> </html> <script type="text/javascript"> new Vue({ el: "#root", data: { msg: "hello word", title: "我是标题" }, methods: { handle: function () { this.msg = "你好" } } }); </script>
以上是关于双向绑定的主要内容,如果未能解决你的问题,请参考以下文章