vue.js 由浅至深学习宝典

一. 资源教程

http://www.vue-js.com/topic/56cfc64965cf1c422e006834

http://www.vue-js.com/中文社区

https://laravist.com/series/vue-js-1-0-in-action-series视频

1. 综合类

   • vuejs 英文资料
   • Vue中文资料总汇
   • Vue.js 的一些资源索引
   • vue资料

2. 入门类

   • vue 快速入门
   • Vue.js 中文系列视频教程 on Laravist

3. 英文教程

   • Learning Vue 1.0: Step By Step

4. 社区

   • sf - vue标签
   • 知乎 - vue标签
   • Vue.js专业中文社区
   • vue - issues

二. 文档

• 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
• 表格
  • ZEE大神作品 - vue-editable
• 分页
  • vue入门－实现一个分页组件(1.0.3版本)
  • vue(1.0.3) 分页组件
  • 分页组件 – 命令方式，支持多个，主要靠配置
• 移动
  • Hammer.js wrapper for Vue.js
  • vue的tap手势插件
• 微信
  • 为微信Web服务量身设计
• 日历
  • ZEE大神作品 - vue-calendar
  • Awe - 日历组件
• 进度条
  • 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

四. 示例

• 综合示例
  • 官方例子 - 包括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
• 其它
  • Ant Design 的 Vue 实现
  • 基于vue.js重写Cnodejs.org社区的webapp

五. 开发工具相关

1. Atom
   • atom vue 代码高亮
   • 如何发布一个Atom的package
   • vue-format
2. Sublime-text
   • Vue Syntax Highlight
3. Webstorm
   • webstorm添加*.vue文件支持

六. 答疑

• Vue.js为什么不支持templateUrl模式
• 实现了vuejs组件之间的通讯问题
• 国内有哪些公司在用Vue.js，有什么心得
• vue 支持服务器端渲染吗
• Vue.js 和 Webpack

七. 源码学习

• Vue.js 源码学习笔记
• VUE 源码分析
• vue源码分析之如何实现observer和watcher

八. 框架相关

• 尤小右 - 4-1 Vue.js-数据驱动的组件化前端开…
• Evan You - Diving Deep into Vue.js