博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue中的混入mixins
阅读量:3934 次
发布时间:2019-05-23

本文共 527 字,大约阅读时间需要 1 分钟。

minins与components相似,mixins选项也用于注册在外部封装好的代码,不过这些代码更加碎片化,并不如组件一样成体系,混入的目的在于灵活地分发组件中一些可复用的功能。

混入可以将一些封装好的选项混入另一个组件中,在混入过程中,如果没有发生冲突,则执行合并,如果发生冲突且用户没有指定解决策略,Vue则采用默认策略。

注意:谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。

冲突选项 合并策略 冲突策略
data 合并根节点数据 优先采用组件的数据
mounted等钩子函数 混合为数组 全部调用且优先调用mixins的钩子函数
methods/components/directives等 混合为同一对象 优先采用组件的键值对
watch 混合为数组 全部调用且优先调用mixins的watch

以下为代码:

组件:

混入组件:

结果:

在这里插入图片描述

转载地址:http://qwrgn.baihongyu.com/

你可能感兴趣的文章
matlab中cuda编程中分配grid和block dimension的时候的注意事项
查看>>
GPU CUDA and MEX Programming
查看>>
arrayfun用法
查看>>
矩阵积分
查看>>
optimization on macOS
查看>>
Template-Based 3D Model Fitting Using Dual-Domain Relaxation
查看>>
install libfreenect2 on ubuntu 16.04
查看>>
how to use automake to build files
查看>>
using matlab drawing line graph for latex
查看>>
How package finding works
查看>>
build opencv3.3.0 with VTK8.0, CUDA9.0 on ubuntu9.0
查看>>
how to compile kinfu_remake with cuda 9.0 opencv2.4.13.4
查看>>
qtcreator4.4.1中cmake 与cmake3.5.1本身generate出来的setting是有区别的解决方法
查看>>
CMake Useful Variables/Logging Useful Variables
查看>>
ubuntu下解决csdn网页打不开的问题
查看>>
MySQL server has gone away 问题的解决方法
查看>>
MySQL十大优化技巧
查看>>
PHP中文件读写操作
查看>>
php开发常识b_01
查看>>
PHP单例模式
查看>>