vue-tutorials

Let you insight into the Vue.js

  • 所有者: keepfool/vue-tutorials
  • 平台:
  • 許可證:
  • 分類:
  • 主題:
  • 喜歡:
    0
      比較:

Github星跟蹤圖

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

主要指標

概覽
名稱與所有者keepfool/vue-tutorials
主編程語言JavaScript
編程語言HTML (語言數: 4)
平台
許可證
所有者活动
創建於2016-06-23 11:58:40
推送於2022-06-06 09:53:41
最后一次提交2018-03-14 10:54:25
發布數0
用户参与
星數3.6k
關注者數216
派生數1.2k
提交數47
已啟用問題?
問題數28
打開的問題數16
拉請求數4
打開的拉請求數1
關閉的拉請求數1
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?