一文詳解Vue中響應式原理

本篇文章帶大家學習Vue，深入了解Vue中響應式原理，希望對大家有所幫助！

以此文紀念將要逝去的響應式語法糖

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

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

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

而這個時候，響應式的作用就體現出來了：

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

只需要一個簡單的響應式API便可實現跟蹤變化的效果?！?/p>