vue初識 阿新 • • 發佈:2021-11-02 因為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的雙向繫結)