11.30-12.4
# 11.30-12.4汇总
## 1.v-show、v-if
因为v-if只有条件为真的时候才会创建组件或者元素,而一旦为假,就会销毁该元素或者组件,
如果一开始的时候条件为假,那么这个元素或者组件就不会被创建出来,而v-show则是不一样,就算一开的时候条件为假,也会被创建出来,之后就是用display none与display block进行简单的切换。
++vue中 v-if v-else的使用要放在同一个标签下++
## 2.vue的生命周期
Vue生命周期
created
实例(APP)已经创建,变量还未渲染到模板
此时修改变量还是能起作用的
mounted
变量已经挂载到模板上面了,此时修改变量也还是能起作用的
updated
实例更新
destoryed
实例销毁
## 3.v-clock和v-text和v-html的区别
v-clock能够解决插值表达式闪烁的问题,需要在style中设置样式[v-clock]{display:none}
v-text覆盖元素中原来的内容,没有闪烁问题
v-html更新元素的innerHTML,如果试图通过v-html组合模板,可以考虑通过使用组件来代替。