Vue.js資源分享

Vue.js資源分享

更多資源請Star：https://github.com/maidishike...

文章轉自：https://github.com/maidishike...
歡迎Star，轉載請註明出處

如何優雅地使用此文檔

1. 入門先從官網文檔入手，粗略過一遍有個印象，力求回查時能找到對應的關鍵字或位置。

   • vuejs中文官網

   • vuejs英文官網

   • vuejs組織

2. 發出一個問題以後，不要暫時的離開電腦，若是沒有把握先不要提問。

3. 珍惜每一次提問，感恩每一次反饋，每一個人工做仍是業餘以外抽出的時間有限，充分準備好應有的資源以後再發問，有利於問題可以高效質量地獲得解決。尤爲是具有解決問題能力的人，一般時間都很寶貴。

4. 先搜索，再思考，最後再提問，不少人把這個順序搞反了。

5. • 如何優雅地向前輩或者高手請教技術問題？
     以上部分觀點出自此文 如何優雅地使用 Stack Overflow

一. 資源教程

1. 綜合類

   • vuejs 英文資料

   • Vue中文資料總彙

   • Vue.js 的一些資源索引

   • vue資料

   • Vue.js——vue-resource全攻略

2. 入門類

   • vue 快速入門

   • vuex - 入門教程實例1

   • vuex - 入門教程實例2

   • vuex - 入門教程實例3

3. 英文教程

   • Learning Vue 1.0: Step By Step

   • vue Learning Tutorials

4. 社區

   • sf - vue標籤

   • 知乎 - vue標籤

   • Vue.js專業中文社區

   • vue - issues

5. 視頻教程

   • 小凡哥錄製視頻教程

二. 文檔

• API

  • Vue.js - API

• router

  • vue-router文檔

三. 組件

1. 官方組件

• Loader

  • html loader module for webpack

• Router

  • vue-spa-demo

• Vuex：專門爲 Vue.js 應用設計的狀態管理架構

  • vuex

• Ajax

  • vue + ajax

  • vue + ajax

  • vue-async-data

• Vue-cli

  • Simple CLI for scaffolding Vue.js projects

2. 其它組件

• UI類

  • VueStrap：使用 Vue.js 和純 JavaScript 構建的 Bootstrap 組件

  • 針對 Vue 框架移植的 We UI 框架的適配，讓 mobile開發過程成爲一種享受

  • vue bootstrap

  • 基於Vue、Bootstrap的一套MVVM組件，簡單、易用、功能強大

  • 用VUE 和 SUI-Mobile 寫了一個移動端demo - vue-sui-demo

  • Mobile web UI based on Vue and Weui

  • Mint UI 基於 Vue.js 的移動端組件庫

  • [Vue Admin Panel Framework [WIP] ](https://github.com/fundon/vue...

  • Vue 的圖片輪播組件

  • 基於vue開發的material design ui庫

  • iView：一套基於Vue的高質量UI組件庫

  • iView - 一套基於 Vue.js 的高質量 UI 組件庫

  • Muse-UI 基於 Vue 2.0 和 Material Desigin 的 UI 組件庫

• 表格

  • ZEE大神做品 - vue-editable

• 分頁

  • vue入門－實現一個分頁組件(1.0.3版本)

  • vue(1.0.3) 分頁組件

  • 分頁組件 -- 命令方式，支持多個，主要靠配置

• 移動

  • Hammer.js wrapper for Vue.js

  • vue的tap手勢插件

• 微信

  • 爲微信Web服務量身設計

• 日曆

  • ZEE大神做品 - vue-calendar

  • Awe - 日曆組件

  • jas0ncn - 日曆組件

• 進度條

  • vue 進度條

• 驗證

  • Validator component for VueJS

  • form validator for vue 0.11

• Lazyload

  • 圖片的lazyload

  • 下拉加載

• Loader

  • 【vue】vue組件化開發初體驗-示例vue-loader-example學習記錄

• Uploader

  • vue-file-upload

  • vue-file-upload-component

• Slide

  • vue-onlySlider-x

• Drag

  • vue-drag-and-drop

• 二維碼

  • vue-qrcode

• 省市聯動

  • Vue 省市區三級聯動組件

• TimeLine

  • Vue企業級時間軸選擇器

• Template

  • vue2.0模板

  • vue2.0全家桶實例

四. 示例

• 綜合示例

  • 官方例子 - 包括Markdown編輯器，表格組件等

  • Vue, vue-router, Webpack 和 vue-loader

  • 簡單的vuejs例子 - 羣內高手X-Roy大做

  • vue single page app example

  • 使用node+vue.js實現SPA應用

• Ajax

  • A Vue.js component for creating simple AJAX forms.

• Webpack

  • Vue + webpack 項目實踐

  • 基於vue.js和webpack的Chat示例

  • Vue.js 和 Webpack（一）

  • Vue.js 和 Webpack（二）

  • Vue.js 和 Webpack（三）

  • 二哲 - 結合具體項目的webpack配置

• Gulp

  • vue-gulp-webpack單頁面組件開發

• Tab

  • vue tab

• Shopping

  • 基於Vue模仿蘑菇街的單頁應用

• 其它

  • Ant Design 的 Vue 實現

  • 基於vue.js重寫Cnodejs.org社區的webapp

  • 北京-giscafer - vue+webpack+node.js 價格監測應用

五. 開發工具相關

1. Atom

   • atom vue 代碼高亮

   • 如何發佈一個Atom的package

   • vue-format

2. Sublime-text

   • Vue Syntax Highlight

3. Webstorm

   • webstorm添加*.vue文件支持

   • webstorm vue插件

六. 答疑

• Vue.js爲何不支持templateUrl模式

• 實現了vuejs組件之間的通信問題

• 國內有哪些公司在用Vue.js，有什麼心得

• vue 支持服務器端渲染嗎

• Vue.js 和 Webpack

七. 源碼學習

• Vue.js 源碼學習筆記

• VUE 源碼分析

• vue源碼分析之如何實現observer和watcher

• vue源碼解析之一：transition

• Vue源碼學習 Vue.js v1.0.18

八. 框架相關

• 尤小右 - 4-1 Vue.js-數據驅動的組件化前端開...

• Evan You - Diving Deep into Vue.js