第一阶段
1.基础语法指令
2.全局 API
3.选项
4.实例和内置组件
Vue 大纲
1.1:环境服务搭建 live-server 使用
用 npm 进行全局安装
npm install live-server -g
在项目目录中打开:live-server
1.2:v-if、v-else、v-show
v-for(解决模板循环问题)
v-text、v-html
v-on(绑定事件监听器)v-model、v-bind
其他内部指令(v-pre 、 v-cloak、 v-once)
2.1:Vue.directive 自定义指令
2.2:Vue.extend 构造器的延伸
2.3:Vue.set 全局操作
2.4:Vue 的生命周期(钩子函数)
2.5:Template 制作模版
2.6:Component 初识组件
2.7:Component 组件 props 属性设置
2.8:Component 父子组件关系
2.9:Component 标签
3.1:propsData Option 全局扩展的数据传递
3.2:computed Option 计算选项
3.3:Methods Option 方法选项
3.4:Watch 选项 监控数据
3.5:Mixins 混入选项操作
3.6:Extends Option 扩展选项
4.1 实例方法
a:$mount()——挂载方法
b:$destroy()——卸载方法
c:$forceUpdate()——更新方法
d:$nextTick()—— 数据修改方法
4.2 实例事件
a:$on 在构造器外部添加事件。
b:$once 执行一次的事件
c:$off 关闭事件
4.3 内置组件——slot
第二阶段
Vue-router
第三阶段
Vue-cli
第四阶段
Vuex
第五阶段
项目实战
1:Vue-router 入门
2:vue-router 配置子路由
3:vue-router 如何参数传递
4:单页面多路由区域操作
5:vue-router 利用 url 传递参数
6:vue-router 的重定向-redirect
7:alias 别名的使用
8:路由的过渡动画
9:mode 的设置和 404 页面的处理
10:路由中的钩子
11:编程式导航
1:Vue-cli 安装与使用
2:Vue-cli 项目结构讲解
3:解读 Vue-cli 的模板
1:安装 Vuex
2:state 访问状态对象
3:Mutations 修改状态
4:getters 计算过滤操作
5:actions 异步修改状态
6:module 模块组
购物车+地址管理