在 Vue 应用里需要用的数据,你可以把它放在 Store 的 state 里面,在 state 里的数据,你可以在任何一个 Vue 组件里使用。
现在界面上显示的这几个字,是 App 组件内部的一个数据,名字叫 name 。下面我们可以在 Store 里面定义这个数据。
打开之前我们创建的这个 app.store,在创建这个 store 的时候给它提供的这个对象参数的里面,可以添加一个 state 属性,它的值就是这个 store 里的 state ,也就是数据。一个对象,里面可以随便先添加一个 name,对应的值设置成 宁皓网。
下面再找个组件用一下 Store 里的这个数据,打开 App 组件,现在这个组件绑定输出了组件本地的这个 name 数据,把这个数据从组件里删除掉。
然后在这个组件里直接绑定输出 store 里的数据,$store.state.name ,这里的 $store 指的是应用的 Store。
在浏览器上观察一下,现在你在页面上看到的这行文字就来自应用的 store 里的 state 里面的那个 name 。