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

第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