Vue.js開源: 全家桶入門實戰項目 - 豆瓣市集

vue2-douban-market

這是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一個webapp項目！ 在這之前只是簡單的了解一點關于vue相關的知識，也只停留在寫過一點很簡單的demo ，但是在對比react和angular之后,還是更加的青睞vue ,so 一直想找個時間更加深入一點的體會一下這個，算是后起之秀的一個MVVM框架吧 ！ so 在最近工作之余的時間就正兒八經的擼起袖子開始了我的vue之旅啦 ！通過這么一個還算完整的demo ， 一開始的時候還是習慣性的思維使用曾經的jquery那樣的方式來進行開發 ，越用感覺越別扭，此時也意識到自己可能走偏了 ，所以也不斷的根據文檔API去看 ，去慢慢嘗試轉變自己的思維方式 ，以數據作為驅動，慢慢的就開始嘗到了框架所帶來的好處及方便， 對于數據雙向綁定,組件化,模塊化, 數據的處理和模板的渲染，性能的優化 ,滾動加載， 圖片懶加載 等！有一個完整的認識 ，不過因為畢竟還是一次使用，還是有過很多不足 ，只能算是一個入門的demo，在大體上對vue有一個認識的 。

部分截圖

項目地址：（ git clone ）

git clone https://github.com/Awheat/vue2-douban-market.git

安裝

npm install

運行

npm run dev

瀏覽器輸入:( http://localhost:8080)即可看到效果

發布

npm run build

技術棧

在此DEMO中使用了一下技術

• vue2
• vue-router2
• vuex
• webpack2
• es6
• axios
• vue-infinite-scroll
• vue-lazyload

目錄結構

.
├── README.md           
├── build              // 構建服務和webpack配置
├── config             // 項目不同環境的配置
├── dist               // 項目build目錄
├── index.html         // 項目入口文件
├── package.json       // 項目配置文件
├── src
│   ├── assets         // css js 和圖片資源
│   ├── components     // 各種組件
│   ├── mock           // 模擬數據
│   ├── pages          // 各頁面
│   ├── router         // 存放路由的文件夾
│   ├── store          // 狀態管理store
│   ├── App.Vue        // 模板文件入口
│   └── main.js        // Webpack 預編譯入口
│

感謝

感謝您的來訪 ，如果對于您有幫助 ，麻煩您使勁的給個Star吧 ！ ^_^

項目主頁：http://www.baiduhome.net/lib/view/home/1490318950438