asyncComputed源码解析

Posted 2023-03-17

参考技术A

在github上面搜索得到大牛已经实现了 asyncComputed , 别人捷足先登了。楼主决定先看一遍它的源码，之后会对他的源码进行拓展。

1.1.1定义插件 ：Vue.js的插件使用的 install() 。这个方法的第一个参数是Vue构造器，第二个参数是一个可选的对象：

1.1.2使用插件 ： Vue通过全局 Vue.use(obj||fn) 来安装vue的插件

**1.1.3Vue.use结合install直接使用: **

使用 ： app.vue

**配置： ** 我们可以通过Vue.mixin 来混合配置

2.2-1 asyncComputed.js

2.2-2 asyncComputed.js 中的 Vue.mixin()中的beforeCreate()

这里 beforeCreate() 钩子函数 初始化数据null，并没有得到数据。

optionData : 得到每一个对应实例中的data（函数或者对象）

this.$options.computed[prefix + key] 给实例的 computed 添加函数 ;

this.$options.data 给Vue实例化组件添加data方法（一个函数，在 created() 的时候执行）

2.2-3 asyncComputed.js 中的 Vue.mixin()中的Created()