vue项目中如何在外部js文件中直接调用vue实例——比如说this

内容简介：一般我们都是在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中引入

var vue = new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
export default vue

import context from '../main.js'
context.$router.push('/login')

以上所述就是小编给大家介绍的《vue项目中如何在外部js文件中直接调用vue实例——比如说this》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

关注我们，获取更多IT资讯^_^

查看所有标签

• 直观讲解-RPC调用和HTTP调用的区别
• 调用链系列一：解读UAVStack中的调用链技术
• 调用链系列二：解读UAVStack中的调用链技术
• 调用链系列三：解读UAVStack中的调用链技术
• dubbo源码解析（二十七）远程调用——injvm本地调用
• 微服务间的调用和应用内调用有什么区别

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。