Vue基础知识

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