静态资源下的js文件监听vue页面组件的事件

需求：在public下写一个js文件，js文件里面可以监听页面组件的事件，在项目整体打包过后直接修改js文件里面的内容，来修改页面。

用的$on方法

环境：vue版本为2.6.10,安装了element ui。
1，public文件下新建config.js

config.js里面的内容

let config = {
   
	edit(self){
   
		let _this = self;
		_this.$refs.hello.childMsg = '修改后的值';
	},
	monitorEvents(self){
   
		//self vue页面传过来的this
		//监听页面组件的事件，执行的事情写在回调里
		self.$refs.inputName