README.md · yunyi1895/vue-vux移动端构建多页面与单页面混合框架 - Gitee.com

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

README.md 1.60 KB

# vue-vux移动端构建多页面、单页面混合框架

#### 项目介绍
vue-vux移动端构建多页面、单页面混合框架。

#### 软件架构
- ui组件[vux](https://doc.vux.li/zh-CN/)

- vue全家桶cnd引入 [externals](https://www.webpackjs.com/configuration/externals/) vue全家桶就不参与打包，提高开发效率；cnd缓存vue全家桶可以提高用户第一次以后的访问速度，即使项目打包发版。

- 单页面与多页面混合,使用[HtmlWebpackPlugin](https://github.com/jantimon/html-webpack-plugin)复制出多个HTML模板，每个模板通过chunks打包对应的js文件。

- [flex.css](https://gitee.com/yunyi1895/vue-vux-template/blob/master/src/assets/style/flex.css) 可以快速使用flex就行页面布局，提高开发效率的同时不需要担心兼容性的影响

#### 安装教程
```
 npm install
```

#### 使用说明
```
 npm run dev //ajax转发后台开发环境 or

npm run test //ajax转发后台测试环境
 
```
- 多页面
[demo](http://localhost:8181/demo.html)

- 单页面
[index](http://localhost:8181/)

### 注意

- 每新建一个页面，页面最外层的元素class必须包含c-page；这样是为了使页面过渡动画可以正确使用
```
<template>
  <div class="c-page">

</div>
</template>
```
- 路由跳转使用minxin里面的gotoPage方法跳转页面

- 路由返回使用minxin里面的backPage方法跳转页面

#### 项目特性

- 结合了1px、flex布局

- rem计算

- 页面过渡动画

- proxy转发配置

- ajax封装

- 快速构建action

- 多页面构建 且单页面多页面共用store

- vue全家桶cdn引入

一键复制编辑原始数据按行查看历史

提交于 2018-06-20 21:32 . md

# vue-vux移动端构建多页面、单页面混合框架

#### 项目介绍
vue-vux移动端构建多页面、单页面混合框架。

#### 软件架构
- ui组件[vux](https://doc.vux.li/zh-CN/)

- vue全家桶cnd引入 [externals](https://www.webpackjs.com/configuration/externals/) vue全家桶就不参与打包，提高开发效率；cnd缓存vue全家桶可以提高用户第一次以后的访问速度，即使项目打包发版。

- 单页面与多页面混合,使用[HtmlWebpackPlugin](https://github.com/jantimon/html-webpack-plugin)复制出多个HTML模板，每个模板通过chunks打包对应的js文件。

- [flex.css](https://gitee.com/yunyi1895/vue-vux-template/blob/master/src/assets/style/flex.css) 可以快速使用flex就行页面布局，提高开发效率的同时不需要担心兼容性的影响

#### 安装教程
```
 npm install
```

#### 使用说明
```
 npm run dev //ajax转发后台开发环境 or

 npm run test //ajax转发后台测试环境
 
```
- 多页面
[demo](http://localhost:8181/demo.html)

- 单页面
[index](http://localhost:8181/)

### 注意

- 每新建一个页面，页面最外层的元素class必须包含c-page；这样是为了使页面过渡动画可以正确使用
```
<template>
  <div class="c-page">

  </div>
</template>
```
- 路由跳转使用minxin里面的gotoPage方法跳转页面

- 路由返回使用minxin里面的backPage方法跳转页面

#### 项目特性

- 结合了1px、flex布局

- rem计算

- 页面过渡动画

- proxy转发配置

- ajax封装

- 快速构建action

- 多页面构建 且单页面多页面共用store

- vue全家桶cdn引入

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/yunyi1895/vue-vux-template.git

git@gitee.com:yunyi1895/vue-vux-template.git

yunyi1895

vue-vux-template

vue-vux移动端构建多页面与单页面混合框架

master