Vue.js学习资料

如何优雅地使用此文档

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]
  • 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