vue.js 2.6 新增了Observable API, 通过这个api,可以应对一些简单的跨组件数据共享。像是简易版vuex
// store.js中(不需要安装vuex了)
import Vue from 'vue';
// 提供store(states)和mutations方法,实现多个组件共享数据状态
export let store =Vue.observable({count:0,name:'李四'});
export let mutations={
setCount(count){
store.count=count;
},
changeName(name){
store.name=name;
}
}
// 在组件中引用
import { store, mutations } from '@/store'
export default {
computed: {
count() {
return store.count
}
},
methods: {
setCount: mutations.setCount
}
}