MangiDu / blog

0 stars 0 forks source link

Some black holes #3

Open MangiDu opened 6 years ago

MangiDu commented 6 years ago

啊,只是一些突然的小想法,不足成篇,先放在这里吧:relaxed:

MangiDu commented 6 years ago

Vue

  1. 计算属性可以监视另一个Vue对象的值。

因为计算属性依赖与响应式属性就会自动重新计算,而且初始化计算属性时没有见到其依赖的属性必须属于当前对象的判断。

所以,在不想引入vuex又想处理一个唯一数据源时就可以这么用,但是没有像vuex那么明确的数据历史。

single-source-of-truth.js

export default new Vue({
    data () {
        return {
            foo: 'foo'
        }
    }
})

a-vue-component.vue

import ssot from './single-source-of-truth'
export default {
    computed: {
        resourceFoo () {
            return ssot.foo
        }
    }
}

当然也可以和 eventBus 一起用,本来官方文档上的简单示例就是推荐单独 new 一个 Vue 实例。

  1. 因为initData()initProps()initMethods()之后,所以可以借助propmethod初始化data中属性的值