在Vue組件中引入js文件并使用的一般步驟如下:
1. 在Vue組件的script標(biāo)簽中使用`import`或`require`語句引入js文件。
例如,在組件的根目錄下新建一個utils.js文件,并在該文件中定義一個函數(shù):
export function sayHello() {
console.log('Hello World!')
}
然后,在組件的script標(biāo)簽中引入utils.js文件并使用該函數(shù):
<script>
import { sayHello } from './utils.js'
export default {
name: 'MyComponent',
mounted() {
sayHello()
}
}
</script>
2. 在組件的mounted鉤子函數(shù)中調(diào)用需要使用的函數(shù)。
在上面的例子中,我們可以看到在組件的mounted鉤子函數(shù)中調(diào)用了`sayHello()`函數(shù)。該函數(shù)會在組件掛載完成后被調(diào)用。如果需要在組件的其他鉤子函數(shù)中使用該函數(shù),可以在相應(yīng)的鉤子函數(shù)中調(diào)用。
注:在引入js文件時,需要注意引用路徑的相關(guān)問題,例如在上面的例子中,我們使用了相對路徑"./utils.js"來引入utils.js文件,表示在當(dāng)前組件所在的同級目錄下尋找該文件。若utils.js文件不在該目錄下,則需要相應(yīng)地修改引用路徑。