Need help with vue-tutorials?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

keepfool
3.6K Stars 1.3K Forks 47 Commits 17 Opened issues

Description

Let you insight into the Vue.js

Services available

!
?

Need anything else?

Contributors list

# 17,435
JavaScr...
HTML
38 commits
# 97,932
CSS
HTML
2 commits
# 91,934
Lua
php7
php-7
zend
1 commit
# 134,505
CSS
HTML
1 commit
# 134,432
CSS
HTML
1 commit

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.