创建购物网站,广州网络公司排名,婚纱摄影照片,南昌手机网站为了跟上前端后台化的潮流#xff0c;本少不得不开始关注vue#xff0c;下列上机代码是针对App.vue进行的更改 数据渲染----一般键值对#xff0c;数组#xff0c;对象和对象数组templatediv idappimgh1{{msg}}/h1本少不得不开始关注vue下列上机代码是针对App.vue进行的更改 数据渲染----一般键值对数组对象和对象数组 templatediv idappimgh1{{msg}}/h1brbrul{{mycoach.name}}/ulul芳龄:{{mycoach.age}}/ulul擅长武技:/ulul v-foritem in mycoach.expertinli{{item}}/li/ulbrbrbrul spanmargin-left:200px歌词:别来纠缠我/ulul v-foritem in chrouslistli{{item}}/li/ul/div
/templatescript
export default {data(){return {msg:欢迎来到帅哥vue,mycoach:{name:陈培昌,age:22,expertin:[散打,泰拳]},chrouslist:[我不想对你再说些什么,现在是气愤的我,你是被你的虚伪完全淹没,变成讨厌的颜色,......]}}}
/script 输出结果 附录页面css样式 style
#app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px;
}
/style 再稍微复杂一点 templatediv idappimgdivh1{{msg}}/h1br/divdivul{{jinerdidi.name}}/ulul芳龄:{{jinerdidi.starinfo.age}}/ulul业余爱好:/ulul v-foritem in jinerdidi.starinfo.favortieli{{item}}/li/ulul擅长武技:/ulul v-foritem in jinerdidi.starinfo.expertinli v-forwenwa in item.standol{{wenwa}}/ol/lili v-forwenwa in item.groundol{{wenwa}}/ol/li/ul/div/div/templatescript
export default {data(){return {jinerdidi:{name:程劲,starinfo:{age:20,favortie:[品鉴河南烩面,和丁大哥一起厮混],expertin:[{stand:[散打,泰拳]},{ground:[巴西柔术,MMA]}]},}}}}
/scriptstyle
#app {}ul{list-style-type: none;}
/style 输出结果 转载于:https://www.cnblogs.com/saintdingspage/p/11412150.html
