vue 如何将js的方法给别的js调用
时间: 2023-12-04 12:01:40 浏览: 59
vue项目中在外部js文件中直接调用vue实例的方法比如说this
要将 JavaScript 方法暴露给其他 JavaScript 文件或模块,可以使用模块化的方式来实现。在 Vue 中,常用的模块化方式有 CommonJS 和 ES6 模块化。
CommonJS 模块化:
在需要暴露的 JavaScript 文件中,使用 `module.exports` 将方法暴露出去,例如:
```javascript
// utils.js
function myMethod() {
console.log('Hello World!')
}
module.exports = myMethod
```
在需要调用该方法的 JavaScript 文件中,使用 `require` 引入该文件并调用方法,例如:
```javascript
// app.js
const myMethod = require('./utils')
myMethod() // 输出:Hello World!
```
ES6 模块化:
在需要暴露的 JavaScript 文件中,使用 `export` 将方法暴露出去,例如:
```javascript
// utils.js
export function myMethod() {
console.log('Hello World!')
}
```
在需要调用该方法的 JavaScript 文件中,使用 `import` 引入该文件并调用方法,例如:
```javascript
// app.js
import { myMethod } from './utils'
myMethod() // 输出:Hello World!
```
需要注意的是,使用 ES6 模块化需要在浏览器中通过 Babel 或其他工具进行转换。
阅读全文