vue3挂载window方法
时间: 2023-07-09 15:39:52 浏览: 169
在Vue 3中,可以通过在应用程序的入口文件中使用 `provide` 和 `inject` 方法来挂载一个全局的方法到 `window` 对象上。
以下是一个示例:
```javascript
// main.js
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.provide('methodName', () => {
// 这里是你想要挂载到 window 对象上的方法
})
app.mount('#app')
```
在上面的示例中,我们使用 `provide` 方法将一个名为 `methodName` 的方法提供给整个应用程序。接下来,我们需要在需要使用该方法的组件中通过 `inject` 方法将其注入。
```javascript
// SomeComponent.vue
import { inject } from 'vue'
export default {
methods: {
handleClick() {
const method = inject('methodName')
if (method) {
method()
}
}
}
}
```
在上面的示例中,我们使用 `inject` 方法来获取名为 `methodName` 的提供的方法,并在需要时调用它。这样,我们就可以在应用程序中的任何地方使用该方法了,包括在全局作用域中挂载到 `window` 对象上。
阅读全文