vue mixins的使用

mixins是一种将组件功能复用的方式,简单来说就是讲组件的数据、钩子、方法、等封装在一个对象里面,然后在组建中mixins:[Mymixin]

局部混入

1.当数据冲突时,以组组件的数据为准

2.当钩子函数冲突时,都将被调用

3.当对象键值对冲突时,采用组件自身键值对

全局混入

注意使用! 一旦使用全局混入对象,将会影响到所有之后创建的 Vue 实例。使用恰当时,可以为自定义对象注入处理逻辑。

Vue.mixins({    })

自定义合并

即简单地覆盖已有值

如果想让自定义选项以自定义逻辑合并,可以向 Vue.config.optionMergeStrategies 添加一个函数

以methods来说

 Vue.config.optionMergeStrategies.myOption =  Vue.config.optionMergeStrategies .methods 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,088评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,268评论 0 6
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,135评论 4 129
  • 基础知识: vue的生命周期: beforeCreate/created、 beforeMount/mounted...
    Jackson_yee_阅读 376评论 0 0
  • 本来想写篇鸡汤,结束这开了将近一年的话题——27岁想说的。没想到最近经历的,读到的,看到的种种,还是将它变成了一杯...
    CC白一枚阅读 455评论 3 0