## Tour 用户指引
### 基础用法
:::demo
```html
创建
导出
授权
开始指引
```
:::
### Tour Attributes
| 参数名称 | 描述 | 类型 |是否必须 |默认值 |
| --------------------| ----------------| --------| -------| ------|
| steps | 指引步骤内容 | Array | 否 |[] |
### Tour Methods
| 方法名称 | 说明 | 参数 |
| --------------------| ----------------| --------|
| start | 开始显示第几个指引（参数支持传入id或索引） | (start: Number/String） |
### before() UI step functions
如果你需要在某个步骤之前进行 UI 设置工作，您可以在任何/每个步骤中包含一个 `before` 函数。此函数将在 `start/nextStep/previousStep` 呈现之前被调用。该函数必须返回一个 `Promise`。当 `start/nextStep/previousStep` 被触发时调用该函数。当 `Promise` 被拒绝时，它不会移动到下一步或上一步。如果 `Promise` 得到解决，那么它将朝着指定的方向移动。
当您需要在步骤之间更改屏幕上显示的内容时使用它。例如，您可能想要隐藏一组菜单并打开一个屏幕，或者您想要执行异步操作。这在单页应用程序中特别有用。
```js
steps: [
{
target: '#v-step-0', // We're using document.querySelector() under the hood
content: `Discover Vue Tour!`,
before: type => new Promise((resolve, reject) => {
// Time-consuming UI/async operation here
resolve('foo')
})
}
]
```
```