武城网站建设费用,十堰企业网站制作公司,wordpress模板缩略图代码,阿里巴巴运营技巧Vue
Vue基础知识 v-bind:动态绑定属性值 Vue 修改#xff0c;标签内也修改 在methods 中可以定义很多函数 在 data 中可以定义很多变量 v-if / v-show#xff1a;对符合条件的元素进行展示
v-for:把数据遍历出现在网页中
案例 !DOCTYPE htmlhtml lange…Vue
Vue基础知识 v-bind:动态绑定属性值 Vue 修改标签内也修改 在methods 中可以定义很多函数 在 data 中可以定义很多变量 v-if / v-show对符合条件的元素进行展示
v-for:把数据遍历出现在网页中
案例 !DOCTYPE htmlhtml langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript src./Vuejs/vue.js/script/headbodytable border1 cellspacing0 width60% idapptrth编号/thth姓名/thth年龄/thth性别/thth成绩/thth等级/th/trtr aligncenter v-for(user, index) in userstd{{index 1}}/tdtd{{user.name}}/tdtd{{user.age}}/tdtdspan v-ifuser.gender 1男/spanspan v-ifuser.gender 0女/span/tdtd{{user.score}}/tdtdspan v-ifuser.score 85优秀/spanspan v-else-ifuser.score 60及格/spanspan stylecolor : red; v-else不及格/span/td/tr/table/body/htmlscriptnew Vue({el:#app,data:{users:[{name:Tom,age:20,gender:1,score:78},{name:Rose,age:18,gender:0,score:86},{name:Jerry,age:26,gender:1,score:90},{name:Tony,age:30,gender:1,score:52}]},model:{}})/scriptVue生命周期 Ajax