vue v-model实现数据的双向绑定
Posted 蛋蛋烦蛋蛋
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue v-model实现数据的双向绑定相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <body> <div id="app"> {{msg}} <!-- v-bind 只能实现数据的单项绑定--> <input type="" name="" :value=‘msg‘> <!-- v-bind 只能实现数据的双向绑定只能用在表单元素中 input(radio text address email..) select checkbox textarea--> <input type="" name="" v-model=‘msg‘> </div> <script type="text/javascript"> var vm = new Vue({ el:‘#app‘, data:{ msg:‘abcde‘ }, methods:{ } }) </script> </body> </html>
以上是关于vue v-model实现数据的双向绑定的主要内容，如果未能解决你的问题，请参考以下文章