12、项目3 - 支持中心开发指南

项目3 - 支持中心开发指南

在这个项目中，我们将构建一个支持中心应用，包含常见问题解答（FAQ）、用户认证、支持票务管理等功能。以下是详细的开发步骤和技术细节。

1. 完成FAQ组件

首先，我们需要更新FAQ组件的模板，将错误属性替换为新的属性：

<div class="error" v-if="hasRemoteErrors">

完成后的FAQ组件脚本如下：

<script>
import RemoteData from '../mixins/RemoteData'
export default {
  mixins: [
    RemoteData({
      questionList: 'questions',
    }),
  ],
}
</script>

2. 用户认证与状态管理

2.1 集中存储用户状态

为了在应用的任何组件中都能访问用户数据，我们将用户数据存储在一个状态对象中。具体步骤如下：
1. 在 main.js 旁边创建一个新的 state.js 文件，导出状态对象：

export default {
  user: null,
}