在Vue中，我們可以使用vue.extend方法來擴展組件。該方法允許我們創(chuàng)建一個新的構(gòu)造函數(shù)，該構(gòu)造函數(shù)繼承自現(xiàn)有的組件。這使得我們可以定義一個新的組件，該組件具有現(xiàn)有組件的所有功能，并添加一些自定義的功能。

var MyComponent = Vue.extend({
name: 'my-component',
// props, data, methods, etc.
})

在上面的示例中，我們通過Vue.extend方法創(chuàng)建了一個名為MyComponent的新組件。這個新組件繼承了Vue，并可以擁有Vue所有的特性、方法和指令。

在Vue中，我們還可以定義一個全局存儲對象$store，在該對象中我們可以存儲所有應(yīng)用程序狀態(tài)。這個對象在開發(fā)大型應(yīng)用程序時非常有用，因為它允許我們將狀態(tài)從組件中拿出來并將它們保存在單獨的位置。同時，我們還可以輕松地跨組件分發(fā)狀態(tài)更新消息。

$store對象可以通過任何組件通過this.$store訪問。在應(yīng)用啟動時必須先對$store進行初始化，才能在任何地方使用它。這可以通過創(chuàng)建一個具有引用狀態(tài)、更改狀態(tài)和提供狀態(tài)訪問器的全局容器對象來完成。

const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})

上面的示例中我們創(chuàng)建了一個名為store的全局狀態(tài)管理器，它具有一個名為count的狀態(tài)屬性，初始值為0。我們還定義了一個mutation方法increment，用于將count增加1。

為了在我們的Vue應(yīng)用程序中使用$store，我們需要使用Vue.use方法來安裝Vuex插件，并將我們的store實例作為選項傳遞給new Vue。

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
new Vue({
store,
// ...options
})

在上面的示例中，我們首先導(dǎo)入Vue和Vuex包，并使用Vue.use方法將Vuex安裝為Vue插件。然后我們創(chuàng)建一個名為store的全局狀態(tài)管理器，使用它來定義我們的狀態(tài)屬性和mutaion方法。最后，我們將store實例傳遞給new Vue以使其可以在我們的整個應(yīng)用程序中使用。

通過將vue.extend和$store相結(jié)合，我們可以創(chuàng)建一個具有自定義功能和全局狀態(tài)管理的強大組件。 $store提供了一種輕松的方式來管理應(yīng)用程序狀態(tài)，并保持組件的簡潔性和邏輯性。