【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略

【【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略】的更多相关文章

如何实现全屏遮罩（附Vue.extend和el-message源码学习）

[Vue]如何实现全屏遮罩(附Vue.extend和el-message源码学习) 在做个人项目的时候需要做一个类似于电子相册浏览的控件,实现过程中首先要实现全局遮罩,结合自己的思路并阅读了(饿了么)element-ui中el-message的实现,来总结一下Vue中比较好的一种全局遮罩的实现方式. 调用遮罩的方式一般由两种写法: 1.(类似el-dialog的一种写法) 在html文件中写好结构,控制元素的显示与隐藏的实现遮罩. <div class="container"&…

【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略

大体思路 (四) 上节回顾: A: 对于生命周期函数将父子组件的函数放到一个数组里面,特定时间点调用,保证父子组件函数都调用到. B: 对于directive,filters,components 等的资源选项,父选项将以原型的形势处理,正式因为这样子,在任何地方都可以用到内部自定义指令. C: 对于watch选项的合并,类似于生命周期,如果父子组件相同的观测字段,将合并为一个数组. 本节内容: props normalizeProps normalizeDirective 规范化 props…

【js】vue 2.5.1 源码学习（四）钩子函数资源选项 watch 的合并策略

大体思路 (三) 1.钩子函数自定义策略 LIFECYCLE_HOOKS= [] created = [function(){} , function(){}] 组装方法. ==> starts[hook]= mergeHook ==> mergeHook(parent,child) // 合并parentVal 和childVal 2.资源选项自定义策略 ==> ASSET_TYPES = [] …

【js】vue 2.5.1 源码学习（三） Vue.extend 和 data的合并策略

大体思路 (三) 1. 子类父类 2.Vue.extend() //创建vue的子类组件的语法器 Vue.extend(options) Profile().$mount('#app') // 挂在app上,并替换app 新建 initExend ==> Vue.extend 3. strat.data ==> if(!vm){子组件中data的值是一个方法function ==> mergeDataorFn()} // 数据的合并 ==> else {} //通…

【js】vue 2.5.1 源码学习（二）策略合并

一. 整体思路 1 首先是代码的大体构造,先判断引入代码的环境,即对应amd 和cmd的处理 2 vue_init 需要借助 initMinxin ==>>> // 初始化选项1: 规范 2: 合并策略. 3 mergeOptions 选项合并一个或者多个对象合并,并且生成一个新的对象 ==> resloveConstructorOptions 返回vm的optios 判断是否是vue对象有可能是vue子类.不一定…

【js】 vue 2.5.1 源码学习（十二）模板编译

大体思路(十) 本节内容: 1. baseoptions 参数分析 2. options 参数分析 3. parse 编译器 4. parseHTNL 函数解析 // parse 解析 parser--名词--解析器 ==> getShouldDecode() inBroeser // 监听所有的标签 //监听href shouldDecodeNewLines / shouldDecodeNewLinesForHref delimiters: options.delimiters //改变文本插…