Vue知识点

  1. 深入响应式原理
    当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。
    每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时,会通知 watcher,从而使它关联的组件重新渲染。
    解决Vue不能检测对象,数据的变化
    对象
    Vue.set(vm.someObject, ‘b’, 2) 或者 this.$ set(this.someObject,‘b’,2)
    数组
    vm.$ set(vm.items, indexOfItem, newValue) 或者 vm.items.splice(indexOfItem, 1, newValue)
    详见官网: https://cn.vuejs.org/v2/guide/reactivity.html#%E5%AF%B9%E4%BA%8E%E5%AF%B9%E8%B1%A1

  2. 解决A,B组件循环引用问题

components:{
   
    aaaComponent:(

你可能感兴趣的:(学习日记,vue.js,前端,javascript)