Vue.js是一款流行的前端框架，它通過組件的方式來構(gòu)建應(yīng)用程序。在許多情況下，我們需要在組件之間共享代碼。這時(shí)就可以使用Vue的extends mixin功能。

Vue.extend({
// 聲明一個(gè)混合對(duì)象
mixins: [myMixin]
})

在上面的代碼中，我們使用Vue.extend方法來聲明一個(gè)組件，并通過mixins選項(xiàng)將myMixin混合進(jìn)來。

var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log('hello from mixin!')
}
}
}

在myMixin中，我們定義了一個(gè)created方法和一個(gè)hello方法。當(dāng)Vue組件被創(chuàng)建時(shí)，created方法將會(huì)被執(zhí)行，并調(diào)用hello方法來輸出一條信息。

Vue.component('my-component', {
mixins: [myMixin],
template: '
A custom component!
'
})

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為my-component的Vue組件，并將myMixin混入其中。這時(shí)我們就可以在這個(gè)組件中使用hello方法了。

extends mixin是Vue.js提供的一個(gè)非常有用的機(jī)制，它使得我們可以輕松地將代碼共享到組件中，從而使代碼更可重用。