vue引入js

// 在 Vue 项目中引入外部的 JS 文件

// 假设我们有一个名为 `myLibrary.js` 的文件，我们希望在 Vue 组件中使用它。

// 1. 首先确保 `myLibrary.js` 文件已经放在项目的合适位置，例如 `src/assets/js/` 目录下。

// 2. 然后在需要使用的 Vue 组件中通过 import 语句引入这个文件：

<template>
  <div>
    <!-- 组件模板 -->
  </div>
</template>

<script>
// 引入外部的 js 文件
import MyLibrary from '@/assets/js/myLibrary.js'

export default {
  name: 'MyComponent',
  data() {
    return {
      // 组件数据
    }
  },
  mounted() {
    // 使用引入的库中的方法或变量
    MyLibrary.someMethod();
  }
}
</script>

<style scoped>
/* 组件样式 */
</style>

// 如果 `myLibrary.js` 是一个全局库或者你希望在多个组件中使用它，可以考虑将其挂载到 Vue 实例上：

// 在 main.js 中：
import Vue from 'vue';
import MyLibrary from './assets/js/myLibrary.js';

Vue.prototype.$myLibrary = MyLibrary;

// 这样，在所有组件中都可以通过 this.$myLibrary 来访问这个库。