vue双向数据绑定最最最最最简单直观的例子
vue双向数据绑定最最最最最简单直观的例子
一、总结
一句话总结:双向绑定既不仅model可以影响view的数据,view也可以影响model的数据
view model 数据
1、vue双向数据绑定核心代码?
v-model
10 <div id="app">
11 <div>{{ message }}</div>
12 <input v-model="message">
13 <h1>{{ message }}</h1>
14 </div>
二、vue双向数据绑定最最最最最简单直观的例子
1、效果截图
2、代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <title>wue01</title> 7 <script src="vue.min.js"></script> 8 </head> 9 <body> 10 <div id="app"> 11 <div>{{ message }}</div> 12 <input v-model="message"> 13 <h1>{{ message }}</h1> 14 </div> 15 16 <!-- built files will be auto injected --> 17 </body> 18 <script> 19 new Vue({ 20 el: '#app', 21 data: { 22 message: 'Hello Vue.js!' 23 } 24 }) 25 </script> 26 </html>
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-09-05:27岁,宅加太忙,特此在网上找女朋友,vx:fan404006308
AI交流资料群:753014672