vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
(编辑:jimmy 日期: 2024/11/2 浏览:3 次 )
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 {} //通过实例绑定的data 实际是一个函数 mergeDataorFn
==》 mergeDataorFn if(!vm) mergeDataFn ==> mergeData()
else ==》mergedInstanceDataFn ==>mergeData()
mergeData(to,from) //终极合并
jquery.extend // 深copy和浅copy
// 大体思路 (二) // 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 {} //通过实例绑定的data 实际是一个函数 mergeDataorFn ==》 mergeDataorFn if(!vm) mergeDataFn ==> mergeData() else ==》mergedInstanceDataFn ==>mergeData() mergeData(to,from) //终极合并 jquery.extend // 深copy和浅copy */ (function(global,factory){ // 兼容 cmd typeof exports === 'object' && module !== 'undefined' "app"> <huml></huml> </div> <script src="/UploadFiles/2021-04-02/vue.js">总结
以上所述是小编给大家介绍的vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
下一篇:vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)