vue學習 單向繫結和雙向繫結

2022-10-10 18:24:12 字數 832 閱讀 6062

單向繫結v-bind:

單向繫結的資料是,可以vue的資料改變,頁面的展示也改變,但是頁面的展示改變,不會影響vue裡資料的改變

(資料只能從data流向頁面)

雙向繫結v-model:

雙向繫結的資料,vue裡資料改變,頁面的展示也改變,同樣地,頁面的資料改變,vue裡的資料也改變(這裡指的是vue開發工具

看到的資料改變,不是指**裡的資料改變)

(資料不僅能從data流向頁面,還能從頁面流向data)

兩者的區別:

除了資料展示的區別外,

v-model只能用在表單類元素(輸入類元素,如input,select等)中,不能用在其他如h1等元素中。

v-model:value,可以簡寫成v-model,因為v-model預設的就是收集value的值

v-model:value的簡寫是v-model

v-bind:的簡寫是:

簡寫如下:

vue 單相繫結 Vue的單向繫結和雙向繫結

1 單向繫結 單向資料繫結的實現思路 所有資料只有乙份 一旦資料變化,就去更新頁面 只有data dom,沒有dom data 若使用者在頁面上做了更新,就手動收集 雙向繫結是自動收集 合併到原有的資料中。單項繫結 如下 html 2 雙向繫結 資料的雙向繫結是vue實現的一大功能。使用v mode...

vue 單向資料繫結 雙向資料繫結和單向資料流

用過vue開發的同學都知道,vue.js 最顯著的特點就是響應式和資料驅動,也就是將model和view進行單向繫結或者雙向繫結。我最近才深入了解到有單向繫結,自己平時用,但是不了解其中緣由 vue支援雙向資料繫結和單向資料繫結 1.插值形式 hello,you are years old expo...

vue 單相繫結 Vue的雙向繫結和單向資料流

五一假期在家補了課,看到雙向繫結與單向資料流的概念。瓦特,我之前以為vue的v model就是雙向資料流,其實不然,下面讓我仔細來看看 雙向繫結 簡而言之,雙向繫結就是model的更新會觸發view的更新,view的更新會觸發model的更新,它們的作用是相互的 上傳失敗.image 81a06f ...