一、場景 　　先理解什么是 Hook，拿 React 的介紹來看，它的定義是： 它可以讓你在不編寫 Class 的情況下，讓你在函數組件里“鈎入” React state 及生命周期等特性的函數 　　對於 Vue 提出的新的書寫 Vue 組件 ...

vue官網給出： 那我們就傳個對象看看： // 父組件里 provide() { return { isManual: { status : 'none ...

一、provide/inject實現組件通信 provide 選項應該是一個對象或返回一個對象的函數。該對象包含可注入其子孫的屬性。 inject 選項應該是：一個字符串數組，或一個對象 provide/inject是Vue.js2.2.0版本后新增的API： 雖然官方 ...

reactive 接收一個普通對象然后返回該普調對象的響應式代理。等同於2.x的 Vue.observable() Vue3中響應數據核心是 reactive ， reactive 中的實現是由 Proxy 加 effect 組合 （effect 作為 reactive 的核心，主要負責 ...

...

vue3有2中方法響應式表示 1. 使用ref 首先從VUE引入 然后需要響應式的變量給他ref() 一下，參數其實也是可以直接構造賦值的，但是一般都是 xxx.value 賦值，取值直接返回即可 。 代碼： 然后我們嘗試直接使用 ContentRef ...

1.computed(計算屬性) 　　根據一個現有數據去生成一個新數據，並且這兩個數據會永久的建立關系，還會建立緩存，當無關數據改變的時候，不會重新計算而是直接使用緩存中的值 需要注意的是，就算在data中沒有直接聲明出要計算的變量，也可以直接在computed中寫入 ...

一、reactive 創建的響應式對象解構后為什么會失去響應式 　　Vue 擁有一個響應式系統，可以讓它在數據更新的時候自動進行視圖的更新。在Vue3.0中，可以使用 reactive 聲明響應式狀態。文檔說不要解構 reactive 創建的響應式對象，為什么？因為會失去響應式的功能 ...