vue.js混入是什么意思-创新互联

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

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、成都网站建设、外贸网站建设、靖州网络推广、微信小程序开发、靖州网络营销、靖州企业策划、靖州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；创新互联公司为所有大学生创业者提供靖州建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

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

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

来看一个简单的实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id = "databinding"></div>
<script type = "text/javascript">
var vm = new Vue({
el: '#databinding',
data: {
},
methods : {
},
});
// 定义一个混入对象
var myMixin = {
created: function () {
this.startmixin()
},
methods: {
startmixin: function () {
document.write("欢迎来到混入实例");
}
}
};
var Component = Vue.extend({
mixins: [myMixin]
})
var component = new Component();
</script>
</body>
</html>

选项合并：

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

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

注意点：

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

（2）同名钩子函数，都会被调用，而且混入对象的钩子在组件自身钩子之前调用；

全局混入

格式为：

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

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

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

网站栏目：vue.js混入是什么意思-创新互联
转载来于：https://www.cdcxhl.com/article34/deihpe.html

成都网站建设公司_创新互联，为您提供微信小程序、用户体验、网站设计公司、商城网站、网站策划、外贸网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容