Vue 3 的設計思想主要由以下幾點組成：

1. 更好的性能優化： Vue 3 對比 Vue 2，實例化時的速度提升了約 50%，內存減少了 50%。這得益于 Vue 3 采用了 Proxy 代理數據，同時對模板編譯也進行了優化。

// Proxy 代理數據
const state = {
count: 0
}
const handler = {
get: function (obj, prop) {
console.log('get value')
return obj[prop]
},
set: function (obj, prop, value) {
console.log('set value')
obj[prop] = value
}
}
const proxyState = new Proxy(state, handler)
console.log(proxyState.count) // 'get value' 0
proxyState.count = 1 // 'set value'
console.log(proxyState.count) // 'get value' 1

2. 更靈活的組合API： Vue 3 的組合式 API，使得我們在 Vue 組件開發中更加靈活，可以更好地進行組合與復用，同時也更方便單元測試。

// 組合式 API
import { reactive, computed } from 'vue'
export default {
setup() {
const state = reactive({
count: 0
})
const double = computed(() =>state.count * 2)
function increment() {
state.count++
}
return {
state,
double,
increment
}
}
}

3. 更好的類型推導： Vue 3 引入了 TypeScript 支持，可以通過類型推導與編輯器智能提示，有效避免了一些 TypeScript 的類型錯誤。

// TypeScript 類型推導
import { reactive, computed } from 'vue'
interface State {
count: number
}
export default {
setup(): { state: State, double: Readonly>, increment: () =>void } {
const state = reactive({
count: 0
})
const double = computed(() =>state.count * 2)
function increment() {
state.count++
}
return {
state,
double,
increment
}
}
}

4. 更好的源碼閱讀體驗： Vue 3 所采用的編程模型更加清晰，代碼結構也更加簡潔，使得我們在源碼閱讀時不再像 Vue 2 那樣困難。

總的來說，Vue 3 的設計思想使其在性能、靈活性、類型檢查和源碼閱讀等多個方面都得到了改進，同時也為我們的開發和學習帶來了不少好處。