在 Vue 中可以通过mixin
来复用代码,mixin
是一种可以在多个组件之间共享代码的方式,以下是具体的使用方法:
- 首先新建一个
mixin.js
的文件。 - 在
mixin.js
中定义一个混入对象,然后在需要的组件中引入即可使用。
在上述代码中,在// 定义一个混入对象 export const myMixin = { data() { return { text: 'hello mixin', }; }, created: function() { console.log(this.mallText); }, methods: { helloMixin() { console.log(this.text); }, }, };
mixin.js
文件中定义了一个myMixin
对象,其中包含了data
、created
和methods
属性。然后在需要的组件中引入myMixin
即可使用,需要注意的是组件中的data
变量比mixin
中data
变量的优先级高,因此num
最终是1,而不是2。
以上是mixin
的基本使用方法,你可以根据实际需求来进行调整。