sui mobile php数据,GitHub - andyphp/vue-sui-demo: 用vue 和 SUI-Mobile 写了一个移动端demo，用来反馈学习vue的成果（禁用了SUI自带的...

vue-sui-demo

持续更新，如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

后面有空再写学习历程和遇到的问题

Vue很轻量，易定制，比较适合移动端，很喜欢Vue写组件的方式，

所有用VUE 和 SUI-Mobile 写了一个移动端demo，用来反馈vue的学习成果(禁用了SUI自带的路由，使用Vue-router)

环境

node v5.5.0

npm 3.3.9

技术栈

截图

安装

项目地址：(使用git clone)

git clone https://github.com/eteplus/vue-sui-demo.git

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)，使用npm安装依赖模块可能会很慢，建议换成cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

# 安装依赖模块

cnpm install

# 启动服务

npm run dev

# 发布代码

npm run build

# 发布后启动服务

npm run main

开发

目录结构

.

├── README.md

├── dist // 项目build目录

├── build // 项目的配置文件目录

│ ├── dev-server.js // 开发的服务配置

│ ├── webpack-dev-conf.js // 开发的Webpack 配置文件

│ ├── webpack-prod-conf.js // 生产的Webpack 配置文件

│ ├── webpack-base-conf.js // 基本的Webpack 配置文件

├── index.js // 项目发布后的启动文件

├── package.json // 项目配置文件

├── src // 生产目录

│ ├── assets // css js 和图片资源

│ ├── data // 数据文件

│ ├── components // 各种组件

│ ├── views // 各种页面

│ ├── directives // 各种指令

│ ├── filters.js // 各种过滤器

│ ├── router.js // 路由配置

│ └── main.vue // 根组件

│ └── app.js // Webpack 预编译入口

│ └── index.html // 项目入口文件

.

更新记录