Vue.js教程--况颜

Posted 77芽儿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js教程--况颜相关的知识,希望对你有一定的参考价值。

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

以上是关于Vue.js教程--况颜的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 教程发布

最新vue.js完整视频教程12套

windows下vue.js开发环境搭建教程

Vue.js 系列教程 3:Vue

前端vue.js环境配置以及实例运行简明教程

Vue.js入学教程