跟着组件的细化，就会碰到多组件形态同享的情状，Vuex固然能够收拾这种题目，不过就像Vuex官方文档所说的，假如运用不敷大，为防止代码噜苏冗余，最佳不要哄骗它，今日咱们引见的是vue.js2.6新增添的ObservableAPI，经过哄骗这个api咱们能够应对一些浅显的跨组件数据形态同享的情状。
以下这个例子，咱们将在组件外创造一个store，而后在App.vue组件内部哄骗store.js供给的store和mutation办法，同理别的组件也能够云云哄骗，进而实行多个组件同享数据形态。
首先创造一个store.js，包括一个store和一个mutations，别离用来指向数据和管教办法。
importVuefrom"vue";
exportconststore=Vue.observable({count:0});
exportconstmutations={
setCount(count){
store.count=count;
}
};
而后在App.vue内部引入这个store.js，在组件内部哄骗引入的数据和办法
template
divid="app"
imgwidth="25%"src="./assets/logo.png"
pcount:{{count}}/p
button
click="setCount(count+1)"+1/buttonbutton
click="setCount(count-1)"-1/button/div
/template
script
import{store,mutations}from"./store";
exportdefault{
name:"App",