Vue.js 的 .lazy modifier 可以讓繫結的資料在資料改變後才進行同步,而非在輸入的同時就進行同步。

像是下面這樣的程式:


Vue - Hello World

{{message}}

new Vue({
el: '#app',
data:{
message: "Hello World"
}
})

運行起來會像下面這樣,資料在輸入時並不會被同步。

1.png

當輸入完畢焦點移開或是按下 Enter 按鈕,資料被視為變更,才會進行資料的同步。

2.png