v-model 港控/mmm° 2022-04-18 06:29 148阅读 0赞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X_UA-Compatible" content="ie=edge"> <title>vue 入门</title> <!--1 导入vue.js库--> <script src="./lib/vue.js"></script> </head> <body> <div id="app"> <p>{ {msg}}</p> <!--v-bind(简写:)只能实现单向绑定--> <input type="text" :value="msg" style="widows: 100%"> <!--v-model实现表单数据和model中的数据双向绑定--> <!--v-model只能运用在表单元素上，input/select/checkbox/textarea--> <input type="text" v-model:value="msg" style="widows: 100%"> </div> <script> var vm = new Vue({ el: '#app', data: { msg: '欢迎来到vue' }, methods: { } }) </script> </body> </html>
还没有评论，来说两句吧...