vue课程大纲

vuejs

vue的特性：

1. 响应的数据绑定
2. 可组合的视图组件

基础知识：

Vue 实例

选项对象
生命周期

模板语法

指令 v-html v-bind v-on v-if v-for
过滤器

计算属性

抽离模板中数据逻辑
computed
观察waters

条件和列表渲染

指令v-if v-else-if v-else
v-show v-for
变异方法
splice push

事件处理器

v-on绑定事件
事件修饰符v-on.修饰符
    v-on.13 v-on.enter
选项参数methods

组件

全局组件 Vue.compoennts()
局部组件 components:{}
动态组件
递归组件

过渡动效

动效标签transition
name属性自定义calss名
动画的阶段

自定义指令

钩子函数
bind     初始化调用
inserted 插入DOM元素调用
update   更新DOM调用
componentUpdated 所在组件完成更新调用
unbind   指令解绑调用

单文件组件

以.vue结尾的文件
组件的三个组成：template、script、style

vue-cli

脚手架工具使用

vue-router

路由配置
按需加载视图
命名路由/视图
router-link
router-view
路由信息对象
懒加载
滚动行为

vueX

状态管理模式
State    单一状态
Getters  获取计算后数据
Mutations 改变状态唯一途径
Actions  异步操作状态
Modules  分割模块
vueX的项目结构
API使用

axios

数据请求模块
支持Promise的API