Vue中有2种数据绑定的方式：
1.单向绑定(v-bind)：数据只能从data流向页面。
2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。
备注：
1.双向绑定一般都应用在表单类元素上(如：input、select等)
2.v-model：value可以简写为v-model，因为v-model默认收集的就是value值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 准备好一个容器 --> <div id="root"> <!-- 普通写法 --> <!-- 单向数据绑定：<input type="text" v-bind:value="name"> <br/> 双向数据绑定：<input type="text" v-model:value="name"> --> <!-- 简写 --> 单向数据绑定：<input type="text" :value="name"> <br/> 双向数据绑定：<input type="text" v-model="name"> <!-- 如下代码是错误的，因为v-model只能应用在表单类元素(输入类元素)上 --> <h2 v-model:x="name">你好啊</h2> </div> <script type="text/javascript"> Vue.config.productionTip = false //阻止vue在启动时生成生产提示 new Vue({ el:'#root', data:{ name:'小飞侠' } }) </script> </body> </html>
12-09
1万+
1万+
09-15
681
681
05-31
4137
4137
03-09
914
914
10-15
882
882
10-13
1902
1902
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
