Vue.js学习笔记--条件与循环(2)

一,v-if指令---条件

1.创建dom元素


2通过改变isTrue的值控制页面的显示与隐藏,默认设置为true



3.访问页面显示为真,当在控制台江isTrue的值设置为false,则页面上的“真“消失


此时span元素不存在

二、v-for指令-循环

1.创建ol有序商品列表,用v-for指令绑定数组



2.将商品名称写入列表



3.最好我们将得到一个商品列表


4.控制台中push方法可追加商品



猜你喜欢

转载自blog.csdn.net/weixin_42672525/article/details/81058383