vue 对象继承_详解Vue2.0组件的继承与扩展

前言

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

一、slot

1.默认插槽和匿名插槽

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

180812

welcome to xiamen

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

var vm=new Vue({

el:'#itany',

components:{

'my-hello':{

template:'#hello'

}

}

});

2.具名插槽

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

• aaa
• bbb
• ccc

1. 111
2. 222
3. 333

welcome to xiamen

var vm=new Vue({

el:'#itany',