平武建站

Vue2.0中组件的继承与扩展是什么

小编给大家分享一下Vue2.0中组件的继承与扩展是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联专注于随州网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供随州营销型网站建设，随州网站制作、随州网页设计、随州网站官网定制、小程序定制开发服务，打造随州网络公司原创品牌,更为您提供随州网站排名全网营销落地服务。

一、slot

1.默认插槽和匿名插槽

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


  

    180812

Vue2.0中组件的继承与扩展是什么

2.具名插槽

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


    
      
    
    
  • aaa
    • 
    
  • bbb
    • 
    
  • ccc
    • 
      

      
    
    
  1. 111
    2. 
    
  2. 222
    3. 
    
  3. 333
    4.

Vue2.0中组件的继承与扩展是什么

二、mixins

1.mixins简介

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。mixins 选项接受一个混合对象的数组。

2.mixins用途

一般有两种用途：

1、在你已经写好了构造器后，需要增加方法或者临时的活动时使用的方法，这时用混入会减少源代码的污染。

2、很多地方都会用到的公用方法，用混入的方法可以减少代码量，实现代码重用。

例如下面的例子：实现每次数据变化时都能够在控制台打印出提示："数据发生变化"

    
Mixins

    

    

        
num:{{ num }}

以上是“Vue2.0中组件的继承与扩展是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


网页名称：Vue2.0中组件的继承与扩展是什么
分享地址：http://pwwzsj.com/article/ppeeoi.html

其他资讯