vue 对象继承_Vue2.0学习(四)--组件的继承与扩展

Vue2.0

如果有需要源代码，请猛戳源代码

希望文章给大家些许帮助和启发，麻烦大家在GitHub上面点个赞！！！十分感谢

前言

本文将介绍vue2.0中的组件的继承与扩展，主要分享slot、mixins/extends和extend的用法。

一、slot

1.默认插槽和匿名插槽

slot用来获取组件中的原内容。有的时候为插槽提供默认的内容是很有用的,例如，一个 组件可能希望这个按钮的默认内容是“如果没有原内容，则显示该内容”，但是同时允许用户覆写为别的内容。

180812

welcome to xiamen

如果没有原内容，则显示该内容// 默认插槽

var vm=new Vue({

el:'#itany',

components:{

'my-hello':{

template:'#hello'

}

}

});

image

2.具名插槽

有些时候我们需要多个插槽, 元素有一个特殊的特性：name。这个特性可以用来定义额外的插槽：

• aaa
• bbb
• ccc

1. 111<