2.6.0 新增
跨组件数据状态共享,一个简易的vuex
一、首先创建一个observable.js文件
二、
import Vue from 'vue'
export const store = Vue.observable({
count: 0,
token:sessionStorage.name,
});
export const mutations = {
setCount(count) {
store.count = count;
},
setname(name){
store.name = name ;
},
};
组件中使用
import { mutations,store } from "@/plugin/observable";
<template>
<div>
{{store.name}}
</div>
</template>
methods:{
...mutations,
changeName(){
this.setname('张三');
}
}
//可以配合computed使用