vue 引入js

作者：逐鹿↘星恒发布日期:2026-02-21 浏览:56

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

// 假设我们有一个名为 `myLibrary.js` 的文件，位于项目的 `src/assets/js/` 目录下。

// 方法一：在 main.js 中全局引入
import Vue from 'vue';
import App from './App.vue';
// 引入自定义的 JS 文件
import './assets/js/myLibrary.js';

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

// 这种方式会在整个 Vue 应用中都可以使用 `myLibrary.js` 中定义的功能。

// 方法二：在单个组件中局部引入
<template>
  <div>
    <!-- 组件模板 -->
  </div>
</template>

<script>
// 引入自定义的 JS 文件
import myLibrary from '@/assets/js/myLibrary.js';

export default {
  name: 'MyComponent',
  mounted() {
    // 使用引入的库
    myLibrary.someFunction();
  }
}
</script>

// 这种方式只在当前组件中可以使用 `myLibrary.js` 中定义的功能。

上一篇：vue 下拉框

下一篇：vue3 prop