在js中修改Vue组件的mounted方法

不推荐文中方法, 建议考虑mixins属性

目标

通过覆写Vue.component, 在js文件中修改Vue组件的mounted方法

过程

文件引入顺序是vue.js, local.js, 第三方控件
vue.js 版本2.6.12
第三方控件
local.js 自定义的修改实现文件

(function() {
	var factory = {
		"需要修改的组件的name": function(comp) {
			// 修改方法
			comp.mounted = function() {
				/* 这里需要复制粘贴原有的源码*/
				....
				/* 自定义 */
				console.log(this)
			}
		}
	}
	/*
		覆盖Vue的注册方法实现处理
	*/
	Vue.ocomponent = Vue.component;
	Vue.component = function(name, obj) {
		if(factory[name]){
			factory[name](obj)
		}
		Vue.ocomponent(name, obj)
	}
})();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值