響應式資料的說明

2021-10-08 20:12:49 字數 938 閱讀 1946

響應式資料: 把data中的資料掛到vm身上,vm身上的這個資料其實就是響應式的

一旦資料發生了改變,頁面中的內容也會跟著改變

>

>

}---}---}p

>

div>

src=

"vue.js"

>

script

>

>

var vm =

newvue(}

})script

>

// 動態給data中新增的資料是無效的

// 在vue例項建立的時候,會把data中的資料繫結到vm上,所以data中的資料是響應的

// 但是動態繫結的資料不是響應是的。

vm.person.gender = '男'

this

.$set

(this

.person,

'gender'

,'男'

)

結論:

在vue中資料發生了改變,dom中的資料也會跟著發生改變,但是這個過程是非同步的

vue的資料發生改變之後,dom不會立即更新,會等到下一次渲染工作執行的時候才會更新dom

目的:為了提高渲染的效能

clickfn()

// 在實際開發中,有可能需要在資料改變之後,獲取到更新之後的dom資料

// 這個時候可以使用 $nexttick函式

// 當vue更新完dom後,會自動呼叫$nexttick函式,確保在這個函式中可以獲取到dom結構是最新的

this

.$nexttick

(function()

)

Vue的資料響應式

示例 示例 可以給物件新增屬性value 可以給物件新增getter setter getter setter用於對屬性的讀寫進行監控 對mydata物件的屬性讀寫,全權由另乙個物件vm負責 那麼vm就是mydata的 用vm.n來操作mydata.n 當你建立乙個例項時 const vm new ...

Vue 資料響應式

css響應式不用說大家都知道,拖動瀏覽器視窗大小時,內容布局和大小會自動變化。那麼vue的資料響應式就是,例項中,通過修改vm的.n值,就能改變data 中的n。let vm vue vue2中,資料響應式是通過object.defineproperty實現的。如果開發者給乙個data中不存在的變數...

Vue 資料響應式原理

前言 vue.js 的核心包括一套 響應式系統 響應式 是指當資料改變後,vue 會通知到使用該資料的 例如,檢視渲染中使用了資料,資料改變後,檢視也會自動更新。舉個簡單的例子,對於模板 建立乙個 vue 元件 var vm new vue 在 watcher 物件建立過程中,除了記錄 vm get...