在外部函数中使用vue变量

最新推荐文章于 2024-03-13 17:31:33 发布

原创最新推荐文章于 2024-03-13 17:31:33 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了如何在外部函数中正确引用Vue实例的方法，通过方法一的局部vm实例和方法二的window.vm，对比了两种方式的使用场景和注意事项。重点在于确保命名不冲突并理解其在Vue生命周期中的作用。

有的时候我需要在外部的函数中调用vue 创建的vm方法或属性.
例如我需要在 outfn函数中调用 DoSave这个方法

下面有2个方法
方法一

var vm = new Vue({ 
  .... 
  methods:{
  	DoSave(){
  		...
  	},
  }
})
function outfn(){
	vm.DoSave()  //注意这个vm 不要跟其它vue文件中的名字重名, 因为都是放在window下面的
}

方法二

function outfn(){
	window.vm.DoSave()
}
 
export default {
	 mounted(){ 
	    window.vm = this;   //注意这个vm 不要跟其它vue文件中的名字重名, 因为都是放在window下面的
	  },
	  methods:{
	  	DoSave(){
	  		...
	  	},
	  }
}