Vue—外部JS引用main.js中Vue组件实例的方法

目录

一、概述

二、详解

---

一、概述

vue组件中的this一般指向main.js中的Vue实例，故可以直接引用之。实际开发中，希望在外部JS中也可以引用main.js中的Vue实例，但外部JS中的this一般指向window，而非期待的Vue实例。解决方法也简单，只须在main.js中导出Vue实例，并在需要的外部JS文件中引入即可。

二、详解

步骤1：导出main.js中的Vue实例

步骤2：在需要的外部JS文件中引入

import vueMain from '@/main.js'