Skip to content
Let you insight into the Vue.js
JavaScript HTML CSS Vue
Branch: master
Clone or download
Latest commit c740689 Mar 14, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
01.GettingStarted update vue.js Mar 14, 2018
02.Components
03.Ajax Vue.js ajax tutorial server source code (ASP.NET Web API) Jul 16, 2016
04.OAuth Vue router教程,基于Vue.js 1.0.25 Jul 20, 2016
05.OfficialTemplates
06.Router Vue router教程,基于Vue.js 1.0.25 Jul 20, 2016
.project
README.md Update README.md Mar 21, 2017

README.md

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

You can’t perform that action at this time.