Vue hooks，一種全新的狀態管理方式，可以讓我們在Vue 3中更方便地管理組件內部的狀態。它本質上是一種函數式編程的思想，類似于React的hooks，可以使組件更加簡潔和易于重用。

在Vue 2.x中，我們使用mixin或者vuex來處理組件內部的狀態。但是，隨著開發規模的不斷擴大，這種方式逐漸變得難以維護。Vue 3通過hooks的方式來解決這個問題，它把組件的狀態放到一個特殊的JavaScript對象中，使我們能夠更好地重用和共享狀態。

import { ref } from 'vue'
export default {
setup() {
const count = ref(0)
const increment = () =>{
count.value++
}
return { count, increment }
}
}

在這個例子中，我們使用了Vue的ref函數來創建一個響應式的變量count。我們還定義了一個increment函數來遞增count。最后，我們將count和increment作為對象返回，這可以讓我們在組件內使用它們。

實際上，這個對象是一個代理，我們可以在組件中使用它來訪問count和increment。我們還可以在其他組件或者組件的子組件中，使用這個函數和變量，以便共享這些狀態。

總的來說，Vue hooks的原理就是把組件狀態放到一個特殊的JavaScript對象中。這個對象可以在組件內部使用，也可以在其他組件中共享。這樣可以讓我們更好地管理組件狀態，也可以讓我們更好地復用組件，提高開發效率。