一、Vue声明式渲染
两个花括号中间可以写表达式,判断,数据类型,就是不能写循环。
二、条件与循环
在Vue.js中的指令:v-if、v-else、v-else-if。
当使用v-for更新已经渲染过的元素列表时,默认用“就地复用”策略,如果数据项的顺序被改变,Vue.js将不会移动Dom元素来匹配数据项的顺序,就如在数组的尾部和数组的头部插入一个新的元素,所产生的的key值就会不同。
为了给Vue.js 追踪每个节点的身份,从而重用或重新排列现有的元素,需要提供一个唯一的Key属性特殊的属性使用v-bind来动态绑定值(全写“ v-bind:key” 简写“ :key”)
上面代码中,如果"seen"的值为true,则"#app"元素显示,否则将从DOM中移除.
如果想切换多个元素,可以把一个元素当做包装元素,并在上面使用v-if。最终的渲染结果不会包含元素.