README.md · itcode2021/vue-more-page

## 项目依赖安装

```
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: {
}
})

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

itcode2021/vue-more-page

简介

发行版

贡献者

近期动态

itcode2021/vue-more-page .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

itcode2021/vue-more-page