vue.js混入是什么意思

这篇文章将为大家详细讲解有关vue.js混入是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

vue。js混入是定义了一部分可复用的方法或者计算属性,混入对象可以包含任意组件选项,当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

<代码>混入>

来看一个简单的实例:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf-8"祝辞 　　& lt; title> Vue测试实例& lt;/title> 　　& lt;脚本src=癶ttps://cdn.staticfile.org/vue/2.4.2/vue.min.js"祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div id=癲atabinding"祝辞& lt;/div> 　　& lt;脚本类型=拔谋?javascript"比; 　　var vm=new Vue ({ 　　艾尔:& # 39;#数据绑定# 39; 　　数据:{ 　　}, 　　方法:{ 　　}, 　　});//定义一个混入对象 　　var myMixin={ 　　创建:函数(){ 　　this.startmixin () 　　}, 　　方法:{ 　　startmixin:函数(){ 　　document . write(“欢迎来到混入实例“); 　　} 　　} 　　};=Vue.extend ({var组件 　　mixin (myMixin): 　　}) 　　var组件=新组件(); 　　& lt;/script> 　　& lt;/body> 　　& lt;/html>

<强>选项合并:

当组件和混入对象含有同名选项时,这些选项将以恰当的方式混合。

比如,数据对象在内部会进行递归合,并在和组件的数据发生冲突时以组件数据优先。

注意点:

(1)就是混入对象中你设置了个数据属性,里面各种属性值,组件里也有个数据属性,那么混入对象和组件对象的数据值会进行合并,重名的以组件数据有限,

(2)同名钩子函数,都会被调用,而且混入对象的钩子在组件自身钩子之前调用;

<强>全局混入

格式为:

Vue。mixin({//混入函数})

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

关于vue.js混入是什么意思就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

vue.js混入是什么意思