在 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的基本使用方法,你可以根据实际需求来进行调整。