本篇文章帶大家學(xué)習(xí)Vue，深入了解Vue中響應(yīng)式原理，希望對大家有所幫助！

以此文紀念將要逝去的響應(yīng)式語法糖

廢話不多說，直接進入正題，響應(yīng)式在日常開發(fā)中的應(yīng)用是很常見的，這里舉個簡單的例子：

let a=3 let b=a*10 console.log(b)//30 a=4 console.log(b)//40

這時候我們想讓b=4*10，這樣顯然是不行的，即使我們在前面加上個var也只會發(fā)生變量提升，我們所給的值并不會提升。

而這個時候，響應(yīng)式的作用就體現(xiàn)出來了：

import { reactive } from 'vue'  let state = reactive({ a: 3 }) let b = computed(() => state.a * 10) console.log(b.value) // 30 state.a = 4 console.log(b.value) // 40

只需要一個簡單的響應(yīng)式API便可實現(xiàn)跟蹤變化的效果?！?/p>