码迷,mamicode.com
首页 > 其他好文 > 详细

Vue mixins extends extend components

时间:2017-10-29 19:34:30      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:nts   函数   method   自动   注意   优先级   注册   extends   利用   

mixins

调用方式: mixins: [mixin1, mixin2]

是对父组件的扩充,包括methods、components、directive等。。。

触发钩子函数时,先调用mixins的函数,再调用父组件的函数。

虽然也能在创建mixin时添加data、template属性,但当父组件也拥有此属性时以父为准,从这一点也能看出制作者的用心(扩充)。

data、methods内函数、components和directives等键值对格式的对象均以父组件/实例为准

 

extends

调用方式: extends: CompA

同样是对父组件的扩充,与mixins类似,但优先级均次于父组件

 

extend

扩展组件的构造器

当我们调用vue.component(‘a‘, {...})时自动调用

值得注意的是extend内的data为一个函数

 

component

利用extend扩展的构造器创建注册组件

 

Vue mixins extends extend components

标签:nts   函数   method   自动   注意   优先级   注册   extends   利用   

原文地址:http://www.cnblogs.com/yanze/p/7661508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!