条件渲染
1.v-if只会渲染出符合条件的节点,v-show都会渲染,只是将不符合条件的隐藏
2.如何选择?判断为一次性的或者更新并不频繁的选择v-if,频繁的选择v-show
如果更新频繁用v-if会涉及到节点的不断销毁和渲染,影响性能
考点:
beforeDestroy中要可能要做什么?
解除绑定,销毁子组件以及事件监听器。
自定义事件的绑定要解除;比如setTimeout定时任务要销毁;自己绑定的window或document的事件要销毁;该销毁的不要遗留在内存中
考点:
父子组件 created 和 mounted created 是 vue 实例的完成,数据已经可以获取。因为父组件可能需要使用子组件的数据,故父组件需要先行 created mounted 是组件渲染完成的时刻,
父组件包含子组件,故整个父子组件的绘制完成需要所有子组件先渲染完成,父组件则在最后 mounted
创建初始化实例是从外到内的,但是渲染是从内到外的。
父 beforeCreate
父 created
父 beforeMount
子 beforeCreate
子 created
子 beforeMount
子 mounted
父 mounted
在更新组件时,跟上面类似
父 beforeUpdate
子 beforeUpdate
子 updated
父 updated
销毁阶段
父 beforeDestroy
子 beforeDestroy
子 destroyed
父 destroyed
生命周期:
Vue高级特性:
1. 自定义v-model
2. $nextTick
3. refs
4. slot
5. 动态组件
6. 异步组件
7. keep-alive
8. mixin
vue响应式,或如何实现数据双向绑定
虚拟dom
vdom总结:
用JS模拟DOM结构(vnode)
新旧vnode对比,得出最小的更新范围,最后更新DOM(按需更新)
数据驱动视图的模式下,有效控制DOM操作