目錄1 方法一：使用 標簽2 方法二：使用 import 語句3 舉例3.1 js文件3.2 vue 導入js文件4 舉例4.1 js文件4.2 vue 導入js文件 -->XXX 是一個自定義的變量名5 修改文件后一定要保存 在運行1 方法一：使用 標簽然后，在組件的方法中，你就可以直接調(diào)用 JavaScript 文件中定義的函數(shù)了：export default { methods: { yourMethod() { yourFunction1(); yourFunction2(); yourFunction3(); } }}2 方法二：使用 import 語句在 Vue 組件的 JavaScript 文件中，使用 import 語句引入 JavaScript 文件中的函數(shù)：import { yourFunction1, yourFunction2, yourFunction3 } from './your-file.js';然后，在組件的方法中，你就可以直接調(diào)用引入的函數(shù)了：export default { methods: { yourMethod() { yourFunction1(); yourFunction2(); yourFunction3(); } }}3 舉例3.1 js文件// functions.jsexport function function1() { // 函數(shù)1的邏輯}export function function2() { // 函數(shù)2的邏輯}export function function3() { // 函數(shù)3的邏輯}3.2 vue 導入js文件// YourComponent.vueimport * as functions from './functions.js';export default { methods: { yourMethod() { functions.function1(); functions.function2(); functions.function3(); } }}4 舉例4.1 js文件// functions.jsfunction function1() { // 函數(shù)1的邏輯}function function2() { // 函數(shù)2的邏輯}function function3() { // 函數(shù)3的邏輯}export default { function1, function2, function3}4.2 vue 導入js文件 -->XXX 是一個自定義的變量名import XXX from './functions.js';export default { methods: { yourMethod() { XXX.function1(); XXX.function2(); XXX.function3(); } }}5 修改文件后一定要保存 在運行

到此這篇關(guān)于vue 導入js中的方法的文章就介紹到這了,更多相關(guān)vue 導入js內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！