1. 單選框操作
男男女女男女
我們如法炮製寫一下核取方塊
打球敲**學習
3.表單修飾符
number 修飾符 type="number" 是html 表單自帶的屬性
在表面上一看其實加不加number都無所謂,其實在獲取表單value
時我們獲取的都是字串型別,加上了.number會自動轉換為整型(或浮點型)
-->
.lazy 在更新頁面資料時不會實時更新而是當input失去焦點，回車這些事件時二發生改變下面兩個 表單乙個加了.lazy乙個沒有加
4.自定義指令
vue.directive自定義全域性指令
中的區域性指令所以無法生效，當v-focus卻可以生效
1.計算屬性
當多次呼叫 reversestring 的時候
只要裡面的 num 值不改變 他會把第一次計算的結果直接返回
直到data 中的num值改變 計算屬性才會重新發生計算
-->
}} }
}2.偵聽器 watch
第乙個數
第二個數
兩者之和:}
3.過濾器
1.全域性過濾器
-->
}// 全域性 帶參
}2.區域性過濾器
2.常用的鉤子函式
beforecreate
在例項初始化之後，資料觀測和事件配置之前被呼叫 此時data 和 methods 以及頁面的dom結構都沒有初始化 什麼都做不了
created
在例項建立完成後被立即呼叫此時data 和 methods已經可以使用 但是頁面還沒有渲染出來
beforemount
在掛載開始之前被呼叫 此時頁面上還看不到真實資料 只是乙個模板頁面而已
mounted
el被新建立的vm.$el替換，並掛載到例項上去之後呼叫該鉤子。 資料已經真實渲染到頁面上 在這個鉤子函式裡面我們可以使用一些第三方的外掛程式
beforeupdate
資料更新時呼叫，發生在虛擬dom打補丁之前。 頁面上資料還是舊的
updated
由於資料更改導致的虛擬dom重新渲染和打補丁，在這之後會呼叫該鉤子。 頁面上資料已經替換成最新的
beforedestroy
例項銷毀之前呼叫
destroyed
例項銷毀後呼叫
3.鉤子函式使用演示
點選銷毀例項
往陣列最後面新增乙個元素，成功返回當前陣列的長度
pop()
刪除陣列的最後乙個元素，成功返回刪除元素的值
shift()
刪除陣列的第乙個元素，成功返回刪除元素的值
unshift()
往陣列最前面新增乙個元素，成功返回當前陣列的長度
splice()
有三個引數，第乙個是想要刪除的元素的下標（必選），第二個是想要刪除的個數（必選），第三個是刪除 後想要在原位置替換的值
sort()
sort() 使陣列按照字元編碼預設從小到大排序,成功返回排序後的陣列
reverse()
reverse() 將陣列倒序，成功返回倒序後的陣列
filter
filter() 方法建立乙個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。
concat
concat() 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列
slice
slice() 方法可從已有的陣列中返回選定的元素。該方法並不會修改陣列，而是返回乙個子陣列
提交 }
}}修改
刪除
總資料量:}
vue常用特性
vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的，如果資料不發生變化，用的是第一次計算的快取結果，方法是呼叫就執行。資料變化，會觸發方法，資料變化時執行...
Vue常用特性
目錄計算屬性 computed 偵聽器 watch 過濾器生命週期 陣列變異方法 替換陣列 動態陣列響應式資料 常用特性應用場景 男女 獲取核取方塊中的值 愛好 籃球 唱歌寫 獲取下拉框和文字框中的值 職業 請選擇職業.教師軟體工程師 律師 trim 自動過濾使用者輸入的首尾空白字元 lazy 將i...
Vue常用特性
textarea多行文字 select下拉多選 radio單選框 checkbox多選框 性別 男女 愛好 攝影 繪畫設計 職業 請選擇職業.攝影師設計師 工程師 個人簡介 男女 愛好 籃球 唱歌寫 職業 請選擇職業.教師軟體工程師 律師 trim自動過濾使用者輸入的首尾空白字元 lazy將inpu...