本文介绍了Vue.js的核心概念，包括声明式渲染、条件与循环（v-if/v-else/v-for）、事件绑定及双向数据绑定。在条件与循环中，重点讲解了v-for指令，并强调了使用key属性的重要性。对于事件绑定，提到了v-on:click。最后，概述了Vue实例的生命周期，列出了八个关键阶段，并指出在哪个阶段DOM渲染完成。
一、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。最终的渲染结果不会包含元素.
最低0.47元/天 解锁文章
5103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
