devinjem / vue-tutorials

Let you insight into the Vue.js

Vue.js教程

1. Getting Started

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟快速入门

Hello World双向绑定示例

Hello World示例

常用内置指令

页面示例

循环列表、双向绑定、添加数据、删除数据综合示例

2. Components

Part-1

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟组件快速入门（上篇）

提醒：最好结合源码和Chrome的F12工具查看示例

组件注册示例

父组件传递数据给子组件

页面示例

注册组件、过滤表格、父组件传递数据给子组件综合示例

Part-2

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟组件快速入门（下篇）

slot示例

父子组件实例访问示例

父子组件通信示例

基于组件一步一步实现一个CURD示例

3. Ajax

以下示例，在博客中有具体讲解，博客链接：Vue.js——基于$.ajax实现数据的跨域增删查改

基于jquery或zepto的$.ajax示例

基于vue-resource的示例

以下示例，在博客中有具体讲解，博客链接：Vue.js——vue-resource全攻略

http示例

resouce示例

inteceptor示例

4. OAuth

以下示例，在博客中有具体讲解，博客链接：Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用

$.ajax示例

vue-resource示例

结合CURD、注册、登录、注销的页面示例

5.官方项目模板

Browserify项目模板

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟browserify项目模板快速入门

vue-browserify-simple模板示例

Webpack项目模板

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟webpack项目模板快速入门

vue-webpack-simple模板示例

6.Vue-Router

以下示例，在博客中有具体讲解，博客链接：Vue.js——vue-router 60分钟快速入门

乞丐版源码（页面和组件代码混合在一起）

乞丐版源码

精装版源码（基于vue-webpack-simple模板构建）

About

Let you insight into the Vue.js

Languages

Language:JavaScript 85.9%Language:HTML 11.1%Language:CSS 2.3%Language:Vue 0.6%