在Vue組件封裝方式中，常見的有傳統組件和函數組件兩種方式。傳統組件一般采用Vue的extend方法進行封裝，而函數組件則是將組件的邏輯放在一個函數中并返回組件模板。

// 傳統組件
Vue.extend({
template: '
{{message}}
',
data() {
return {
message: 'Hello World!'
}
}
})
// 函數組件
const HelloWorld = () =>{
const message = 'Hello World!'
return {
template: '
{{message}}
',
data() {
return { message }
}
}
}

傳統組件的優勢在于可以使用Vue的語法特性，如computed、watch等，同時也支持擴展和覆蓋Vue內置組件。而函數組件則更簡潔，適合無狀態的組件，可以減少冗余的代碼和組件渲染的開銷。

除了以上兩種方式，還有一種叫做Render函數組件的封裝方式，該方式可以直接將組件邏輯寫在render函數中。

// Render函數組件
Vue.component('hello-world', {
render(h) {
return h('div', 'Hello World!')
}
})

相比傳統組件和函數組件，Render函數組件的優勢在于可以更靈活地控制組件模板，不受Vue的語法限制，并且可以更好地支持服務端渲染。

封裝Vue組件時，我們也可以使用Mixin混入方式，Mixin可以將組件的邏輯分離出來并復用。例如，我們可以將一些常用的方法和計算屬性分離成Mixin：

// Mixin
const myMixin = {
computed: {
myComputed() {
return this.myProp + 'is awesome'
}
},
methods: {
myMethod() {
console.log('myMethod')
}
}
}
// 使用Mixin
Vue.extend({
mixins: [myMixin],
props: {
myProp: {
type: String
}
}
})

除了以上介紹的方式，Vue組件封裝還有一些其他的高級方式。例如，可以使用Portal（門戶）方式將組件插入到指定的DOM節點中，或者使用Function API方式重新設計組件API，使用Composition API編寫組件邏輯。

總之，在封裝Vue組件時，需要根據具體的業務需求和場景選擇合適的封裝方式，以達到提高可讀性和可維護性的目的。