vue-data-center

将vue页面中的一个组件作为数据中心使用

将某个组件对象暴露给他的所有子组件(要暴露的组件作为一个数据中心而存在)

Installation

npm install vue-data-center --save

使用方法

安装datacenter

import DataCenter from 'vue-data-center'
Vue.use(DataCenter);

定义datacenter组件
要暴露的对象的data上需要定义 isDataCenter: true

引用datacenter组件
this.$dc

示例：

在页面入口js安装

import DataCenter from 'datacenter'  
Vue.use(DataCenter);  

在要作为数据中心的组件中定义isDataCenter字段，值为true

export default {
  data() {
    return {
      isDataCenter: true
    }
  }

在子组件中引被暴露的对象的方式为

this.$dc

如果没有组件定义了isDataCenter字段、或者引用了数据中心组件上未定义的字段，则会在控制台上提示错误

可以让$dc不返回DataCenter上的真实函数，取而代之为一个空函数。当所有的状态修改都是通过DataCenter上的函数实现时，该功能可以禁用所有的状态修改

import DataCenter from 'vue-data-center'
Vue.use(datacenter);
DataCenter.returnNoopFun(true);