vue-data-center
v1.0.6vue-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);