Vue3 0學習筆記 表單資料雙繫結

2021-10-20 20:00:17 字數 590 閱讀 3246

input資料雙向繫結

v-model指令

textarea資料雙向繫結

textarea只需寫單個標籤(當然加上結束標籤也沒問題)

checkbox繫結boolean變數 }

選項一checkbox繫結陣列 }

選項一選項二

選項三checkbox繫結字串帶true-value和false-value }

帶false-value

checkbox繫結字串僅帶true-value }

僅true-value

radio繫結字串 }

選項一選項二

選項三lazy修飾符 }

lazy輸入框

沒有lazy輸入框

number修飾符 }[}]

number輸入框

沒有number輸入框

trim修飾符 [}]

trim輸入框

沒有trim輸入框

`});

vue3 0 學習筆記

今天是2021年2月26日 學習一下vue3.0雖然已經出來這麼長時間了,但是還沒有認真的學習過,只是懂一點皮毛 接下來開始我的3.0之旅 來吧!展示!藍色海 嘿嘿嘿 第一步 安裝 先瞅瞅你的vue v 是多少 npm install g vue cli第二步 初始化 專案 這裡我們選擇 manua...

TS和vue3 0學習筆記

安裝ts npm install typescript g 執行 1 需要先轉成js檔案 tsc demo01.ts生成乙個js檔案 然後再執行js檔案 node demo01.js 2 安裝npm install g ts node,可直接用 ts node demo01.ts 進行編譯 定義資料...

Vue3 0學習筆記 偵聽器Watch

偵聽器 watch watch 偵聽器 可以監聽 data中資料的變化 watch裡面的名字就是用資料的名字 可以接受兩個引數 current 變化後的值 prev 變化之前的值 watch message current,prev watch和computed的區別 computed在頁面渲染的同...