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