Vue基础知识
- v-html 有xss风险
- computed 与 watch
- computed 有缓存,data不变时,computed不会重新计算。优点:提高运算性能
- watch 监听,有深度监听(deep:true)
- watch 针对引用类型,监听不到oldValue,都是newValue
- v-if 与 v-show的区别:v-if是true时才渲染; v-show是false时 display:none
v-if 与 v-show的使用场景:只显示一次用v-if; 需要频繁切换用v-show
- v-for 循环列表渲染
- v-for key重要:一般为与业务相关的ID,避免用 index,random
- v=if 与 v-for不能一起使用
- v-for的优先级高,会造成多次v-if不能这样用
- 事件 event, MouseEvent为原生的event
- event.currentTraget 监听事件绑定元素
- event.target 触发事件元素
- event是原生的
- event挂载在当前的节点
- 组件通信
- 父子组件: props 与 this.$emit
- 绑定自定义事件: event.on、event.emit (要销毁) new Vue()实例具有event
- Vuex
- 组件生命周期
- beforeCreat
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy //自定义事件,定时器要及时销毁,容易造成内存泄漏
- destroyed
- 有父子组件的生命周期