在Vue.js中,mixins是一种用于复用组件选项的方式。通过mixins,我们可以将一些常用的组件选项提取出来,然后在多个组件中进行复用。例如,我们可以创建一个名为"myMixin"的mixins对象:
const myMixin = {
created() {
console.log('Mixin created')
},
methods: {
hello() {
console.log('Hello from mixin')
}
}
}
然后,在组件中使用mixins对象:
Vue.component('my-component', {
mixins: [myMixin],
created() {
console.log('Component created')
this.hello()
}
})
在上面的例子中,我们将"myMixin"对象应用到"my-component"组件中,这样组件中就可以使用"created"生命周期钩子和"hello"方法。
网友回答文明上网理性发言已有0人参与
发表评论: