vue中mixin 感觉很牛逼（父子组件融合成一个新组件）

　vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？

组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。

而mixins则是在引入组件之后，则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后，父组件的各种属性方法都被扩充了。

单纯组件引用：

父组件 + 子组件 >>> 父组件 + 子组件

mixins：

父组件 + 子组件 >>> new父组件

值得注意的是，在使用mixins时，父组件和子组件同时拥有着子组件内的各种属性方法，但这并不意味着他们同时共享、同时处理这些变量，两者之间除了合并，是不会进行任何通信的。最开始看到mixins的时候，天真的我似乎看到了一种向下的类似vuex的数据共享方案，心情十分激动啊。

下面给大家介绍下Vue中的mixin

一，mixin是什么

mixin文件是一个对象，可以包含vue组件的任意成分。是分发Vue组件可复用功能的非常灵活的方式，当mixin被组件使用时，所有minxin里的属性/方法会与组件里的属性/方法混合。

二，mixin使用

在Vue组件中可以有mixins属性，该属性值类型为数组。将mixin引入，作为mixins数组的元素mixins: [mixin]

组件A应用了mixin，两者的属性如methods,components和directives，将被混合为同一个对象，如果methods,components和directives中有同名的属性，则mixin中的将会被忽略。同名钩子函数会组成数组并都会被调用，并且mixin的钩子函数会比组件的钩子函数先被调用。

转载于:https://www.cnblogs.com/ccnNL/p/9274519.html

vue中mixin 感觉很牛逼（父子组件融合成一个新组件）相关推荐

IT之家，一个感觉很牛逼的网站，东西很多的样子
http://bbs.ithome.com/thread-531865-1-1.html 转载于:https://www.cnblogs.com/jianghaidong/p/4551272.html
css盒模型中margin很牛逼
css盒子模型,说简单也简单,用的时候也有不简单的. 其中margin的值可以为负值,并且为了实现margin,忽略父级的padding.border.甚至定位.这在布局上很有用,要注意. ----- ...
中国科学院计算机在职研究生怎么样,中科大在职研究生好考吗，考进中科院的人很牛逼吗？...
很多小伙伴在进入社会之后发现仍然需要不断的提升自己,中专的升大专.大专的升本科,面对越来越大的就业压力,到了本科发现自己的学历还是不够用.中科大在职研究生好考吗,可以通过中科大对于我们普通人来说好考吗 ...
老师说，最怕的就是你觉得你很牛逼~
没有对比就没有伤害我是一个双非本科学生,平时也参见一些比赛,感觉自己的大学过的很充实,直到前几天,我一个高中同桌来找我(他是参加招聘会,顺便过来的),我看了看他的简历,以及他的各种证书还有非常多的活 ...
mixin机制 vue_谈谈vue中mixin的一点理解
谈谈vue中mixin的一点理解 vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用.最开始我一度认为这个和组件好像没啥区别..后来发现错了.下面我们来看看mixins和普通情 ...
IDEA 有个很牛逼的功能
IDEA 有个很牛逼的功能,那就是后缀补全(不是自动补全),很多人竟然不知道这个操作,还在手动敲代码. 这个功能可以使用代码补全来模板式地补全语句,如遍历循环语句(for.foreach).使用 St ...
国内的windows硬件检测软件算是很牛逼的吧！！！？
这几天的实践表明,免费的,windows操作系统上硬件驱动检测软件,国内做的挺牛逼的. 虽然这些软件有些流氓,比如鲁大师,比如驱动精灵. 但是,在硬件检测方面确实挺厉害的,客官的说. 缘由: 最近在搞 ...
不推荐别的了，IDEA 自带的数据库工具就很牛逼！
MySQL 等数据库客户端软件市面上非常多了,别的就不介绍了, 其实 IntelliJ IDEA 自带的数据库工具就很牛逼,不信你继续往下看. 本文以 IntelliJ IDEA/ Mac 版本作为演 ...
几张表格怎么联动_那种很牛逼的多图表联动，究竟是怎么做出来的？
原标题:那种很牛逼的多图表联动,究竟是怎么做出来的? VIP学员从网上看到一张很牛逼的动态图表,只要选择月份,左边的圆环图和右边的柱形图都会随着变化,感觉很神奇,这种究竟是怎么做出来的呢? 其实,做这 ...

vue中mixin 感觉很牛逼（父子组件融合成一个新组件）

vue中mixin 感觉很牛逼（父子组件融合成一个新组件）相关推荐

最新文章

热门文章