您的位置:首页 > 产品设计 > UI/UE

Vue.js学习资料

2017-02-27 19:22 447 查看


如何优雅地使用此文档

入门先从官网文档入手,粗略过一遍有个印象,力求回查时能找到对应的关键字或位置。
vuejs中文官网
vuejs英文官网
vuejs组织

发出一个问题之后,不要暂时的离开电脑,如果没有把握先不要提问。
珍惜每一次提问,感恩每一次反馈,每个人工作还是业余之外抽出的时间有限,充分准备好应有的资源之后再发问,有利于问题能够高效质量地得到解决。尤其是具备解决问题能力的人,通常时间都很宝贵。
先搜索,再思考,最后再提问,很多人把这个顺序搞反了。
如何优雅地向前辈或者高手请教技术问题? 以上部分观点出自此文 如何优雅地使用
Stack Overflow


一.
资源教程

综合类
vuejs 英文资料
Vue中文资料总汇
Vue.js 的一些资源索引
vue资料
Vue.js——vue-resource全攻略

入门类
vue 快速入门
vuex - 入门教程实例1
vuex - 入门教程实例2
vuex - 入门教程实例3

英文教程
Learning Vue 1.0: Step By Step
vue Learning Tutorials

社区
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
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 价格监测应用


五.
开发工具相关

Atom
atom vue 代码高亮
如何发布一个Atom的package
vue-format

Sublime-text
Vue Syntax Highlight

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: