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

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

廢話不多說(shuō)，直接進(jìn)入正題，響應(yīng)式在日常開(kāi)發(fā)中的應(yīng)用是很常見(jiàn)的，這里舉個(gè)簡(jiǎn)單的例子：

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

這時(shí)候我們想讓b=4*10，這樣顯然是不行的，即使我們?cè)谇懊婕由蟼€(gè)var也只會(huì)發(fā)生變量提升，我們所給的值并不會(huì)提升。

而這個(gè)時(shí)候，響應(yīng)式的作用就體現(xiàn)出來(lái)了：

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

只需要一個(gè)簡(jiǎn)單的響應(yīng)式API便可實(shí)現(xiàn)跟蹤變化的效果。【