目录基础使用选项合并自定义合并规则全局混入总结什么是混入? 混入通过注入配置项到Vue实例用来提升复用性 基础使用 const myMixin = { creat
什么是混入?
混入通过注入配置项到Vue实例用来提升复用性
const myMixin = {
created: function () {
this.hello();
},
methods: {
hello: function () {
console.log('hello from mixin');
},
},
};
var vm = new Vue({
el: '#app',
mixins: [myMixin],
});
选项合并发生在下面两种情况
const myMixin = {
created: function () {
this.hello();
},
methods: {
hello: function () {
console.log('hello from mixin');
},
},
};
var vm = new Vue({
el: '#app',
mixins: [myMixin],
created: function () {
this.hello();
},
methods: {
hello: function () {
console.log('hello from vue instance');
},
},
});
上述两种的选项合并规则是相同的:
除了使用上述默认的合并规则,还可以通过Vue.config.optionMergeStrategies自定义合并规则。
Vue.config.optionMergeStrategies.myMixin=(toVal, fromVal){
//返回合并的值
};
通常对于值为对象的属性我们可以借用已有的合并规则
//借用methods的规则
Vue.config.optionMergeStrategies.myMixin=Vue.config.optionMergeStrategies.methods;
混入也可以全局注册,使用时候要格外小心,它会影响到每一个组件/实例
Vue.mixin({
created: function () {
console.log('mixin created');
},
});
var vm1 = new Vue(...);
var vm2 = new Vue(...);
到此这篇关于Vue中混入mixin的用法介绍的文章就介绍到这了,更多相关Vue mixin内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: Vue中混入mixin的用法介绍
本文链接: https://www.lsjlt.com/news/169516.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0