vuex 引入state

在使用 Vuex 管理 Vue 应用程序的状态时，我们需要引入一个 state 对象。State 是存储应用程序级别状态的对象，类似于组件中的 data 对象。但是，它有一个重要的区别，即 State 对象是全局的，可以在应用程序中的任何组件中访问。

在 Vuex 中，我们可以通过 Store 对象来访问 State 对象。Store 对象是一个抽象的概念，它是 Vuex 应用程序的中心化存储，类似于 Redux 中的 Store。我们可以通过创建一个包含 state 对象的 Store 实例来管理应用程序的状态。

下面是一个示例，展示如何在 Vuex 中引入 state：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  }
})

export default store

在上面的示例中，我们首先通过 `import` 引入了 Vue 和 Vuex 库，然后使用 Vue.use() 方法将 Vuex 注册为 Vue 的插件。接下来，我们创建了一个包含 state 对象的 Store 实例，并将其导出，以便在应用程序的其他组件中可以使用该 Store 对象来访问 State 对象。

在上面的示例中，我们定义了一个名为 “count” 的状态属性，并将其初始化为 0。我们可以在组件中使用 `$store.state.count` 来访问该状态属性。例如，在模板中可以这样使用：

<template>
  <div>{{ $store.state.count }}</div>
</template>

这将在页面上渲染当前状态属性的值。