Skip to content

Shawsam/vue-tutorials

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#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模板构建)

About

Let you insight into the Vue.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.0%
  • HTML 11.1%
  • CSS 2.3%
  • Vue 0.6%