1.Vue.js基础回顾
1.回顾Vue.js基础语法
2.Vue Router原理分析与实现
3.虚拟DOM库 Snabbdom 源码分析
4.响应式原理分析与实现
5.Vue.js源码分析
2.Vue.js基础结构
new Vue({
el: ‘#app’,
data: {
company: {
name: ‘拉勾’,
address: ‘中关村创业大街籍海楼4层’
}
}
})
3.Vue的生命周期
new Vue()
初始化事件&生命周期
beforeCreate 钩子
初始化 注入 & 校验
created 钩子
判断是否设置el选项
模板编译成render函数
beforeMount 钩子
创建vm.$el
mounted 钩子
挂载完毕
beforeupdated 钩子
updated 钩子
beforeDestroy 钩子
destroyed 钩子
4.Vue.js 语法和概念
上
1.差值表达式
2.指令 14个内置指令 + 自定义指令
3.计算属性 结果会被缓存
和 侦听器 异步操作
4.Class与 Style 绑定
5.条件渲染/列表渲染 Vue-if Vue-show
6.表单输入绑定 vue-model
下
1.组件 功能区域
2.插槽 自己的组件 vue-Router
3.插件 vue-Router
4.混入mixin 相同选项重用
5.深入响应式原理
6.不同构建版本的Vue