这篇文章将为大家详细讲解有关vue.js混入是什么意思，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
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混入是什么意思就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
