DDR爱好者之家

vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
站长资源 2024/11/25 佚名
7 1538
DDR爱好者之家 Design By 杰米

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的合并策略,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米