本篇文章帶大家學習Vue,深入了解Vue中響應式原理,希望對大家有所幫助!
以此文紀念將要逝去的響應式語法糖
廢話不多說,直接進入正題,響應式在日常開發(fā)中的應用是很常見的,這里舉個簡單的例子:
let a=3 let b=a*10 console.log(b)//30 a=4 console.log(b)//40
登錄后復制
這時候我們想讓b=4*10,這樣顯然是不行的,即使我們在前面加上個var
也只會發(fā)生變量提升
,我們所給的值并不會提升。
而這個時候,響應式的作用就體現(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
登錄后復制
只需要一個簡單的響應式API
便可實現(xiàn)跟蹤變化的效果?!?/p>