vue引入本地js

// 在 Vue 项目中引入本地 JS 文件的示例代码

// 假设你有一个本地的 JS 文件，例如 `utils.js`，位于 `src/assets/js/utils.js`

// 1. 首先确保你的文件路径正确无误。

// 2. 在你需要引入该 JS 文件的组件或文件中使用 import 语句来引入它。例如：

import utils from '@/assets/js/utils.js';

// 现在你可以在当前文件中使用 `utils` 中定义的函数或变量了。

// 示例：假设 `utils.js` 中有一个函数叫做 `add`
export default {
  name: 'MyComponent',
  methods: {
    calculateSum(a, b) {
      return utils.add(a, b); // 使用 utils 中的 add 函数
    }
  }
}

// 如果你需要在全局范围内使用这个 JS 文件，可以在 `main.js` 中引入并挂载到 Vue 实例上：

import Vue from 'vue';
import App from './App.vue';
import utils from './assets/js/utils.js';

Vue.prototype.$utils = utils; // 挂载到 Vue 实例上

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

// 这样你就可以在任何组件中通过 `this.$utils` 来访问 `utils.js` 中的内容了。