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

支持中心项目开发指南

1. FAQ 组件完善

首先，我们可以再次更改 FAQ 组件模板，将 error 属性替换为新的属性：

<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 文件，导出状态对象：

expo