一、Vue.observable()简介

Vue.observable(object) 是vue2.6版本新增的功能
它可以让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象。

返回的对象可以直接用于渲染函数和计算属性内，并且会在发生改变时触发相应的更新。也可以作为最小化的跨组件状态存储器，用于简单的场景

二、如何运用(介绍一下我是如何简单的应用)

1.我们首先利用脚手架初始化一个项目

2.用过vuex的都知道，在我们添加了vuex依赖后，我们为首先会在src目录下新建一个store文件夹，用来管理我们的状态，没有用过的同学可以先去学习一下。

3.仿照那种格式，博主也在在src目录下新建store文件夹，并新建子文件 index.js，state.js，mutations.js。

这里，我分别介绍一下这些文件的作用，并附上代码：
state.js：就是一个状态，存储全局数据

mutations.js：用来更新state；将state.js的数据导入，用于操作

index.js：用来将state与mutations合并成一个对象，并导出；将数据与计数器方法合并为一个store并导出

4.在页面中使用数据(将store 首先导入)

5.页面效果(可以看到数据已经遍历出来了，而且数据是响应式的，计数器可用)

6.感兴趣的可以根据我的步骤流程自己动手操作一番，哈哈哈哈