美文网首页
mixin (混入)

mixin (混入)

作者: kittysinri | 来源:发表于2020-02-10 09:53 被阅读0次

混入对象包含任意组件选项,用于分发组件的可复用功能;组件使用混入对象时,混入对象的组件选项混合到该组件本身的选项中。mixins选项接受一个混入对象的数组。

混入策略:
同名选项合并,数据冲突组件数据优先,同名钩子函数合并为数组,混入对象钩子比自身钩子函数先调用。

定义混入对象: var mymixin = {  组件选项 }

定义一个使用混入对象的组件:
var Component = Vue.extend({
  mixins: [myMixin]
})

var component = new Component() // => "hello from mixin!"

官网中使用了Vue.extend这个构造器创建一个"子类",参数是一个包含组件选项的对象,其中data必须是一个函数。

  var name = Vue.extend({
      template:'',
      data(){ return{ } }
    })
     
new name().$mount('#元素id名')      //创建name实例,挂载到一个元素上

Vue.extend有点类似于Vue.component,但extend创建的是Vue构造器,并不是组件实例。

所以不可以通过new Vue({ components: testExtend } 来直接使用,需要通过 new Profile().$mount('#mount-point') 来挂载到指定的元素上。
参考:https://www.cnblogs.com/hentai-miao/p/10271652.html

相关文章

  • 《Java编程思想 Generics》读书笔记——Mixin

    何谓Mixin Mixin即mix in,混入的意思。和多重继承类似,但通常混入Mixin的类和Mixin类本身不...

  • Vue中的高级语法笔记

    mixin混入 mixin混入:1.组件data优先级高于mixin data优先级 生命周期函数,先执行mixi...

  • vue mixin

    混入 mixin 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象...

  • mixin (混入)

    混入对象包含任意组件选项,用于分发组件的可复用功能;组件使用混入对象时,混入对象的组件选项混合到该组件本身的选项中...

  • mixin(混入)

    功能:可以把数个组件共用的配置提取成一个混入对象使用方式:第一步定义混合。例如:{data(){...},meth...

  • 混入 mixin

    混入提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象...

  • Vue mixin 混入及自定义Vue插件

    一、mixin混入 mixin即合并公共方法: 可以设置通用的方法或者变量外部mixin 如下:全局mixin:V...

  • Vue之mixin和mixins

    mixin 官网上:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对...

  • vue 组件的理解

    Vue.mixin 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对...

  • vue混入mixin

    Vue.mixin 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对...

网友评论

      本文标题:mixin (混入)

      本文链接:https://www.haomeiwen.com/subject/rsooxhtx.html