vue2 全局封装js文件

在Vue2中，你可以将全局的JavaScript代码封装在一个单独的文件中，并在整个应用中使用它。这样做的好处是可以避免代码重复，提高代码的可维护性和复用性。

下面是一个示例，展示如何在Vue2中全局封装一个JavaScript文件：

1. 创建一个新的JavaScript文件，比如 `global.js`，并将其放置在你的项目中合适的位置。

2. 在 `global.js` 文件中，定义你想要全局使用的函数、变量或者其他代码逻辑。例如：

// global.js

// 示例函数
function sayHello() {
  console.log('Hello from global.js');
}

// 示例变量
const message = 'This is a global message';

3. 在你的Vue应用中，通过在主入口文件（比如 `main.js`）中引入该 `global.js` 文件，将其注册为全局对象。例如：

// main.js

import Vue from 'vue';
import App from './App.vue';
import './global'; // 引入全局文件

Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
}).$mount('#app');

4. 现在，你可以在整个Vue应用中使用 `global.js` 中定义的函数、变量等。例如，在任何组件中调用 `sayHello()` 函数或者访问 `message` 变量：

// MyComponent.vue

export default {
  mounted() {
    sayHello(); // 调用全局函数
    console.log(message); // 访问全局变量
  }
}

这样，你就成功地将一个JavaScript文件在Vue2中全局封装了起来。请注意，这种方式可能会导致命名冲突，因此请确保你的全局函数、变量名的唯一性，或者使用命名空间来避免冲突。