内容简介：一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue'）,这样很麻烦。在目前项目中我使用的方法是mian.js导出vue实例，然后在需要使用的js中引入。步骤一：main.js导出vue实例步骤二、在需要使用的js中引入
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue'）,这样很麻烦。在目前项目中我使用的方法是mian.js导出vue实例，然后在需要使用的js中引入。
步骤一：main.js导出vue实例
var vue = new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
export default vue
步骤二、在需要使用的js中引入
import context from '../main.js'
context.$router.push('/login')
以上所述就是小编给大家介绍的《vue项目中如何在外部js文件中直接调用vue实例——比如说this》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
