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

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

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

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

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

而這個(gè)時(shí)候，響應(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

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