1. 程式人生 > 其它 >vue初識

vue初識

因為vue借鑑MVVM的思想, 一般使用vm作為new vue的物件

hello,world例項(插值語法:使用 {{ xxx }} 可以設定標籤中的文字內容)

指令語法

v-bind:value="xxx" (簡寫為 :value="xxx" )單向資料繫結(data中的資料改變,使用v-bind:的值改變, 反過來data中的不會變)

v-model:value = "xxx" (簡寫為v-model="xxx")雙向資料繫結(只能使用在表單輸入標籤上(input,單選,多選等 有value值的))(data中的資料改變,使用v-bind:的值改變, 反過來data中的也會變)

標籤屬性:使用v-bind:(簡寫為 : ) 取vue中的data,設為標籤中的屬性或內容

設定標籤中的內容 v-bind:value="標籤內容"

vue中的內容都可以使用 js表示式

data中的層級關係

el的兩種寫法(寫在vue中 和 使用物件中的$mount掛載標籤內容)

使用$mount可以設定定時 載入 data

data的兩種寫法(物件式和函式式)

使用 元件 必須使用第二種函式式

一般第二種函式式可以寫成以下這種

資料代理

其中的vue的 使用_data存放data中的資料 使用data可以訪問到_data內容,(vm._data.name可以獲取data中的name)

Object.defineProperty(物件,屬性,內容和控制屬性)

用於js新增物件 屬性內容(age:18)

使用number和getter,setter實現資料繫結(number與age的雙向繫結)