基於vue、vue-router 、 sui 和 webpack 的 移動端Demo

vue很適合作移動端，輕量，易定製
寫了個Demo供學習參考，功能基本比較貼近實際的項目
使用了Vue, SUI-Mobile, 禁用SUI自帶的路由功能，使用 Vue-router
涉及到Vue的component、directive、computed以及組件間的事件通信

項目地址：https://github.com/eteplus/vue-sui-demo

技術棧：

• vue

• vue-router

• sui-mobile

• webpack

• vue-resource（暫未使用，後期會加上）

目錄結構

.
├── 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 和圖片資源
│   ├── components           // 各類組件
│   ├── views                // 各類頁面
│   ├── directives           // 各類指令
│   ├── filters.js           // 各類過濾器
│   ├── router.js            // 路由配置
│   └── main.vue             // 根組件
│   └── app.js               // Webpack 預編譯入口
│   └── index.html           // 項目入口文件
.

安裝

克隆項目：（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