多个vue共享mounted方法
时间: 2023-10-10 19:06:04 浏览: 106
vue 在methods中调用mounted的实现操作
5星 · 资源好评率100%
如果你希望在多个 Vue 组件中共享 `mounted` 方法,你可以考虑使用混入(mixin)功能。混入是一种 Vue 提供的重用组件选项的方式,它可以将一些通用的逻辑和代码注入到多个组件中。
具体来说,你可以先创建一个混入对象,包含你想要共享的 `mounted` 方法,然后在组件中通过 `mixins` 选项将混入对象注入到组件中。例如:
```javascript
// 创建混入对象
const mountedMixin = {
mounted() {
console.log('Component mounted');
}
}
// 在组件中使用混入对象
export default {
mixins: [mountedMixin],
// ...
}
```
这样,在每个使用了 `mountedMixin` 混入的组件中,`mounted` 方法都会被自动调用。如果多个混入对象中都有 `mounted` 方法,它们会按照混入的顺序依次执行。
需要注意的是,混入会将对象中的选项合并到组件中,如果有重复的选项,组件中的选项会覆盖混入对象中的选项。此外,混入是一种全局选项,也就是说,所有的组件都可以使用混入对象,因此要避免混入对象中的命名冲突。
阅读全文