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