Reactivity Module:响应式模块 (驴aTvT 马脚)
Compiler Module:编译器模块 (come pei le 马脚)
Render Module:渲染模块 (轮的 马脚)
Render Phase:渲染阶段 (轮的肥)
Mount Phase:挂载阶段 (猫肥)
Patch Phase:补丁阶段 (爬取费)
Vue由哪三部分组成
template (天坡垒) :组件的模板结构
script (四谷类) :组件的 JavaScript 行为
style (丝带有) :组件的样式
Vue父子组件之间通信
父组件 props (婆拉斯)
子组件 this.$emit (抵死 依米提)
Vuex的作用 Vuex管理共享状态,即全局变量
Vuex的核心概念 state (四嘚): 意为‘状态‘,是Vuex状态管理的数据源
getter (给特): 作用与filters相似,可以将state进行过滤后输出
mutation (米特生): 是Vuex中修改state的唯一途径,并且只能同步操作
action (呃生): 一些对state的异步操作可以放在action中,并通过action提交mutaion变更状态
module (马脚): 当store对象过于庞大时,可以根据具体的业务需求分为都个module
Vue如何实现双向绑定 Vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式实现的;就是利用 Object.defineProperty()方法重新定义对象,get 获取属性值和 set 设置属性值操作来事项;
Object.defineProperty (喔绝 低find婆婆体)
Vue渲染/更新过程 渲染过程:
- 解析模板为render函数
- 触发响应式,监听data属性getter,setter
- 执行render函数,生成vnode,pathc
更新过程: - 修改data,触发setter
- 重新执行renden函数,生成newVnode
- patch(vnode, newVnode)
Vue如何实现指令系统 v-bind:class = "name" ===> div.innterHTML = name
v-text = "name" ===> div.innterText = name
v-on ===> div.on + 事件类型 = function() {}