vue源码
5篇文章 · 0订阅
  • Vue源码: 关于vm.$delete()/Vue.use() 内部原理
    vm.$delete用法见官网。 在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测不到的, 因此不会触发数据响应式。 见下面的demo。 然后查看del函数位置, vue/src/core/observer/i…
    Vue.js Vuex
  • Vue源码: 关于vm.$set()内部原理
    关于vm.$set()用法可以看官网,这里就不赘述了。 在Vue.js里面只有data中已经存在的属性才会被Observe为响应式数据, 如果你是新增的属性是不会成为响应式数据, 因此Vue提供了一个api(vm.$set)来解决这个问题。 vm.$set()在new Vue(…
    Vue.js
  • Vue源码: 关于vm.$watch()内部原理
    关于vm.$watch()详细用法可以见官网。 可以看到data属性整个a对象被Observe, 只要被Observe就会有一个__ob__标示(即Observe实例), 可以看到__ob__里面有dep，前面讲过依赖(dep)都是存在Observe实例里面, subs存储的就…
    Vue.js
  • Vue源码学习: 关于对Array的数据侦听
    我们都知道Vue的响应式是通过Object.defineProperty来进行数据劫持。但是那是针对Object类型可以实现, 如果是数组呢? 通过set/get方式是不行的。 但是Vue作者使用了一个方式来实现Array类型的监测: 拦截器。 通过创建一个拦截器来覆盖数组本身…
    Vue.js 前端
  • Vue源码: 构造函数入口
    编译器: 把template变异为Render函数。 我们如果使用vue-loader, 那么*.vue文件模板会在构建时候预编译成JS, 所以打包完成的文件实际上不需要编译器的, 只需要引入运行时版本(体积小)即可。 如果确实需要使用完整版只需要在打包工具中配置一个别名。 它…
    Vue.js