资源分类
》 资源 》算法》vue-tutorials

vue-tutorials

2020-01-06 | |  40 |   0 |   0

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


上一篇：project-based-learning

下一篇：git-recipes

用户评价
全部评价

热门资源

  • seetafaceJNI

    项目介绍 基于中科院seetaface2进行封装的JAVA...

  • spark-corenlp

    This package wraps Stanford CoreNLP annotators ...

  • Keras-ResNeXt

    Keras ResNeXt Implementation of ResNeXt models...

  • capsnet-with-caps...

    CapsNet with capsule-wise convolution Project ...

  • inferno-boilerplate

    This is a very basic boilerplate example for pe...