1、实验 3、4、5、6、7
2、基本的插值表达式
{{}}
3、生命钩子周期
beforeCreate:初始化实例之前
created:实例创建创建后被立即调用
beforeMount:挂载开始之前被调用,未经过 Vue 渲染 DOM 结构
mounted:在实例挂载完成后被调用,el 被新创建的 vm.$el 替换
beforeUpdate:数据更新时调用,适合在更新之前访问现有的 DOM
updated:数据修改导致的虚拟 DOM 重新渲染和更新完毕之后会调用。
beforeDestroy:实例销毁之前调用
destroyed:实例销毁后调用
activated:被 keep-alive 缓存的组件激活时调用。
Deactivated:被 keep-alive 缓存的组件失活时调用。
4、常见指令
v-show:
根据表达式的真假值,切换元素的 display css 属性,来显示隐藏元素。
元素在显示和隐藏之间频繁切换,使用 v-show
v-show 是将内容隐藏起来,而 v-if 是直接删除元素
v-if/v-else-if/v-else: