Vue.js学习demo

vue.js学习之路

1.vue.js基础知识

以下示例，在博客中有具体讲解，博客链接:vue.js学习笔记一

hello示例

常用内置指令：
v-bind指令demo
v-else指令demo
v-for指令demo
v-if指令demo
v-model指令demo
v-on指令demo

综合案例：
简单表格demo
可增删表格demo

2.vue.js组件的使用

以下示例，在博客中有具体讲解，博客链接:vue.js学习之组件（上篇）

组件的创建与使用：
全局组件
局部组件

组件字符串模板：
使用script标签
使用template标签

props——父组件向子组件传递信息：
props传递静态数据
props传递动态数据
props单向数据绑定
props验证

自定义事件：
v-on绑定自定义事件
使用自定义事件的表单输入组件
非父子组件通信

以下示例，在博客中有具体讲解，博客链接:vue.js学习之组件（下篇）

使用slot分发内容：
单个slot
具名slot
作用域插槽
作用域插槽-列表

动态组件：
动态组件实现tab切换

杂项：
子组件索引
递归组件

综合案例：
树形组件demo

3.vue-router路由

vue-router路由
动态路由
嵌套路由

vue2.0构建单页应用

vue2.0构建单页应用教程