docs: 更新文档

This commit is contained in:
wanchun 2022-03-22 11:58:10 +08:00
parent 444ed4ba3c
commit 35196676d2
4 changed files with 85 additions and 1 deletions

View File

@ -106,7 +106,7 @@ pages
``` ```
**需要注意的是,满足以下任意规则的文件不会被注册为路由** **需要注意的是,满足以下任意规则的文件不会被注册为路由**
- 不是 `.vue` 文件 - 不是 `.vue .jsx` 文件
- `components` 目录中的文件 - `components` 目录中的文件
@ -184,6 +184,10 @@ const router = new VueRouter({
] ]
}) })
``` ```
<CodeGroup>
<CodeGroupItem title="vue" active>
在 Fes.js 里约定在 `.vue`单文件组件中的 `config`区块 为 `meta` 配置。如果 `pages/a.vue` 中有如下配置: 在 Fes.js 里约定在 `.vue`单文件组件中的 `config`区块 为 `meta` 配置。如果 `pages/a.vue` 中有如下配置:
```vue ```vue
<config> <config>
@ -193,6 +197,34 @@ const router = new VueRouter({
} }
</config> </config>
``` ```
</CodeGroupItem>
<CodeGroupItem title="jsx">
```jsx
import { defineRouteMeta, useRoute } from '@fesjs/fes';
defineRouteMeta({
name: "store",
title: "vuex测试"
})
```
</CodeGroupItem>
<CodeGroupItem title="tsx">
```tsx
import { defineRouteMeta, useRoute } from '@fesjs/fes';
defineRouteMeta({
name: "store",
title: "vuex测试"
})
```
</CodeGroupItem>
</CodeGroup>
则编译后的路由配置为: 则编译后的路由配置为:
```js{5-8} ```js{5-8}
[ [

View File

@ -76,6 +76,16 @@ export default {
## 配置 ## 配置
### keep-alive
从 4.0.7 开始支持配置路由页面缓存:
```
<config lang="json">
{
"keep-alive": true
}
</config>
```
### 编译时配置 ### 编译时配置
`.fes.js` 中配置: `.fes.js` 中配置:
```js ```js

View File

@ -184,6 +184,10 @@ const router = new VueRouter({
] ]
}) })
``` ```
<CodeGroup>
<CodeGroupItem title="vue" active>
在 Fes.js 里约定在 `.vue`单文件组件中的 `config`区块 为 `meta` 配置。如果 `pages/a.vue` 中有如下配置: 在 Fes.js 里约定在 `.vue`单文件组件中的 `config`区块 为 `meta` 配置。如果 `pages/a.vue` 中有如下配置:
```vue ```vue
<config> <config>
@ -193,6 +197,34 @@ const router = new VueRouter({
} }
</config> </config>
``` ```
</CodeGroupItem>
<CodeGroupItem title="jsx">
```jsx
import { defineRouteMeta, useRoute } from '@fesjs/fes';
defineRouteMeta({
name: "store",
title: "vuex测试"
})
```
</CodeGroupItem>
<CodeGroupItem title="tsx">
```tsx
import { defineRouteMeta, useRoute } from '@fesjs/fes';
defineRouteMeta({
name: "store",
title: "vuex测试"
})
```
</CodeGroupItem>
</CodeGroup>
则编译后的路由配置为: 则编译后的路由配置为:
```js{5-8} ```js{5-8}
[ [

View File

@ -76,6 +76,16 @@ export default {
## 配置 ## 配置
### keep-alive
从 4.0.7 开始支持配置路由页面缓存:
```
<config lang="json">
{
"keep-alive": true
}
</config>
```
### 编译时配置 ### 编译时配置
`.fes.js` 中配置: `.fes.js` 中配置:
```js ```js