美文网首页
VUE基本知识-2.v-if v-for v-on v-mod

VUE基本知识-2.v-if v-for v-on v-mod

作者: 挤时间学习的阿龙 | 来源:发表于2019-04-28 16:02 被阅读0次

第2节

1、v-if


9d7361c59d698b81902fddc7fb0ed685.png

seen空值显示效果

a7128ad9805f629a307f4b339c7a91d5.png

修改seen值为1,显示

586035e7e6ece0fe4f74d3c91fe7a015.png

3、v-for 指令可以绑定数组的数据来渲染一个项目列表

ad11549e2228adff51300f49275519dc.png

效果展示

d0521da4355e5dfb1ea248d95a797901.png

(2)控制台追加一条

cb62db3a68d87a0f33af8179d511943e.png

4、v-on

95416e99b8d530d953fb6e58f15a5637.png

(2)控制台触发

360a479c9147dcb90672e0b3851acd40.png

5、v-model

(1)代码

7ce7734b5e194fc5f3778056306f1c4a.png

(2)控制台修改值,测试双向绑定

9cfb920fe4ccd9aedd114ba6324862c1.png

相关文章

网友评论

      本文标题:VUE基本知识-2.v-if v-for v-on v-mod

      本文链接:https://www.haomeiwen.com/subject/eufjnqtx.html