# vue-more-page

**Repository Path**: lmkitcode/vue-more-page

## Basic Information

- **Project Name**: vue-more-page
- **Description**: vue多页面开发的项目;  
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-31
- **Last Updated**: 2022-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 多页面, Vue, SEO

## README

## 项目依赖安装

```
yarn install
```

### 项目启动

```
yarn serve
```

### 项目打包

```
yarn build
```

## 项目介绍

项目为 vue2 为基础构建的多页面的架构，页面生成主要集中在 pages 目录下创建模块
模块的基本结构
src
—— assets // 公用文件（不太建议存储东西，减少包体积）
—— components // 公用组件存放
—— pages
—— 模块名
—— components // 模块内部组件
—— router // 路由
—— store // 状态管理器
—— App.vue
—— main.js

#### index.js 路由模板

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
{
path: '/',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/_ webpackChunkName: "about" _/ '../views/About.vue')
}
]

const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})

export default router
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

### index.js 状态管理器模板

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++