【前端】Vue.js资源分享

前端开发中vue是比较推荐的框架，这几个网站值得看看：

vue-js：https://www.vue-js.com/

w3school vuejs：https://www.w3cschool.cn/vuejs/

runoob：http://www.runoob.com/vue2/

 

---

 

Vue.js资源分享

如何优雅地使用此文档

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

一. 资源教程

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
  • VUX: 基于 WeUI 和 Vue 的移动端组件库
  • 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 组件库
  • 饿了么基于vue的element组件库

• 表格

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

g>五. 开发工具相关

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
• VUE2.0 源码分析

八. 框架相关

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

文章转自：https://github.com/jsfront/src/blob/master/vuejs.md

本文摘自：https://www.vue-js.com/topic/5b964f81e42952af175ede23