宁波网站建设设计图,网站建设手续,比较好的能组数学卷的网站做教案的,wordpress应用市场主体Vue指令[3] 列表循环、表单元素绑定v-for指令v-model指令 列表循环、表单元素绑定
v-for指令
作用#xff1a;根据数据生成列表结构
数组经常和v-for结合使用数组长度的更新会同步到页面上面#xff0c;是响应式的
语法#xff1a;(item,index) in 数据#xff0c;其中… Vue指令[3] 列表循环、表单元素绑定v-for指令v-model指令 列表循环、表单元素绑定
v-for指令
作用根据数据生成列表结构
数组经常和v-for结合使用数组长度的更新会同步到页面上面是响应式的
语法(item,index) in 数据其中item代表每一项index代表索引
div idappulli v-for(item,index) in arr :titleitem{{index}}:{{item}}/lili v-for(item,index) in objArr{{item.name}}/li/ul/div
script srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/script
scriptvar app new Vue({el:#app,data:{arr:[1,2,3,4,5],objArr:[{name:Jack},{name:Rose}]}})
/scriptv-model指令
作用获取或设置表单元素的值绑定的数据和表单元素的值双向数据绑定 语法 div idappinput typetext v-modelmessage keyup.entergetMh2{{message}}/h2/div!-- 开发环境版本包含了有帮助的命令行警告 --script srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/scriptscriptvar app new Vue({el: #app,data: {message: hello},methods: {getM: function () {alert(this.message);}},})/script效果:
