这篇文章主要介绍了vue.mixin的使用方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
vue.mixin的使用方法:1、多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用;2、钩子函数会两个都被调用,mixin中的钩子首先执行。
引用><强> vue。mixin的使用方法:强>
vue中提供了一种混合机制,mixin,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别. .后来发现错了。下面我们来看看mixin和普通情况下引入组件有什么区别?
组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件道具过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。
而mixin则是在引入组件之后,则是将组件内部的内容如数据等方法,方法等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了。
单纯组件引用:
<代码>父组件+子组件祝辞祝辞祝辞父组件+子组件代码>
mixin:
<代码>父组件+子组件祝辞祝辞祝辞新的父组件代码>
作用:多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用。钩子函数会两个都被调用,mixin中的钩子首先执行。
下面给大家介绍vue mixin的用法,具体介绍如下所示:
1,定义一个js文件(mixin.js)
export default { ,数据(){ return {才能 ,,,的名字:& # 39;mixin # 39; ,,} }, ,建立了(){ console.log才能(& # 39;mixin……& # 39;,, this.name); }, ,安装(){}, ,方法:{} }2,在vue文件中使用mixin
import mixin 得到& # 39;@/mixin # 39;;,//,引入mixin文件 export default  { (混合),混合: }感谢你能够认真阅读完这篇文章,希望小编分享vue.mixin的使用方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
vue.mixin的使用方法