/vue-tutorials

Let you insight into the Vue.js

Primary LanguageJavaScript

#Vue.js教程

##1. Getting Started

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

####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、注册、登录、注销的页面示例

Demo

##5.官方项目模板

###Browserify项目模板

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

###Webpack项目模板

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

##6.Vue-Router

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

###乞丐版源码(页面和组件代码混合在一起)

乞丐版源码

###精装版源码(基于vue-webpack-simple模板构建)