var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
Vue是一個前端框架,它是響應(yīng)式的,可以自動追蹤數(shù)據(jù)的變化并相應(yīng)地更新頁面內(nèi)容。這就是Vue的核心功能之一——數(shù)據(jù)綁定。
在Vue中,我們可以通過在Vue實例的data選項中聲明響應(yīng)式數(shù)據(jù),然后在模板中使用這些數(shù)據(jù)。在上面的代碼中,我們定義了一個名為“app”的Vue實例,并聲明了一個響應(yīng)式數(shù)據(jù)“message”,初始化為“Hello Vue!”。我們可以在模板中使用這個數(shù)據(jù),并且當(dāng)它的值改變時,Vue會自動更新頁面。
除了在數(shù)據(jù)聲明時進(jìn)行變量賦值外,在Vue中也可以通過對象的方式進(jìn)行動態(tài)賦值。
app.message = 'Hello World!'
在上面的代碼中,我們動態(tài)地將app的message屬性的值改變?yōu)椤癏ello World!”。這同樣會觸發(fā)Vue的響應(yīng)式更新機(jī)制,使頁面中的相應(yīng)部分被更新。