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