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示例
- resource get示例
- resource save示例(HTTP POST)
- resource update示例(HTTP PUT)
- resource remove示例(HTTP DELETE)
inteceptor示例
4. OAuth
以下示例,在博客中有具体讲解,博客链接:Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
$.ajax示例
vue-resource示例
结合CURD、注册、登录、注销的页面示例
5.官方项目模板
Browserify项目模板
以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟browserify项目模板快速入门
Webpack项目模板
以下示例,在博客中有具体讲解,博客链接:Vue.js——60分钟webpack项目模板快速入门
6.Vue-Router
以下示例,在博客中有具体讲解,博客链接:Vue.js——vue-router 60分钟快速入门