docs: 文档更新

README.md

@@ -59,10 +59,8 @@ npm run fix
 npm run prettier
 ```
 
-## 开发流程
-`develop`: 开发分支
 
-### 项目介绍
+## 相关指南
 
 ### 目录结构
 
@@ -83,7 +81,7 @@ npm run prettier
 │   ├── assets  // 静态资源目录（样式、图片等），会被webpack打包
 │   │   ├── logo.png
 │   │   └── style
-│   ├── components  // **组件目录**
+│   ├── components  // 组件目录
 │   │   ├── global  // 全局组件
 │   │   ├── common  // 公共组件
 │   │   ├── header
@@ -127,16 +125,19 @@ npm run prettier
     `common`：公共组件，全局生效，但在app.vue中引入即可，无需多次引入使用
 
 
-### 配置vuex
+### vuex配置及使用
 全局类的数据放在`/src/store/global.js`中。
 模块化的数据放在`/src/store/modules`目录中，新建与模块对应的js文件即可，会自动引入并注册。注意，模块化js文件中`namespaced`属性必填。
 
-### 配置vue-router
+### vue-router配置及使用
 如果新增路由页面`xxx.vue`，在`src/views`目录下新增`xxx.vue`页面之后，在`src/router`目录下新增对应的路由配置文件`xxx.router.js`并将配置通过`export default`导出，配置方式与原有配置无异。导出后即可，会自动注册路由。
 
-### layout布局组件使用
+### layout布局组件配置及使用
+需要新增布局时，在`src/components/layout`目录下新增`.vue`文件，类似`App.vue`,其中`<router-view></router-view>`用于渲染路由组件。
+文件内的`name`属性为布局名称，需要应用此布局的页面，在对应的路由配置文件`xxx.router.js`中，配置`meta`属性，`meta.layout`赋值为布局名称即可。
 
-### 配置全局组件
+
+### 全局组件配置及使用
 在`/src/components/global`目录下添加`.vue`组件，并声明`name`属性即可，会自动引入并挂载到vue实例上。
 注意，`name`属性必填，且`name`的值就是使用时的组件名称。