Vue常用特性

2022-08-14 07:36:14 字數 2187 閱讀 6318

目錄計算屬性 computed

偵聽器 watch

過濾器生命週期

陣列變異方法

替換陣列

動態陣列響應式資料

常用特性應用場景

男女

獲取核取方塊中的值

愛好:籃球

唱歌寫**

獲取下拉框和文字框中的值

職業:

請選擇職業...

教師軟體工程師

律師

.trim 自動過濾使用者輸入的首尾空白字元

.lazy 將input事件切換成change事件

在失去焦點 或者 按下回車鍵時才更新

vue.directive 註冊全域性指令

vue.directive 註冊全域性指令 帶引數
自定義指令區域性指令
當多次呼叫 reversestring 的時候

只要裡面的 num 值不改變 他會把第一次計算的結果直接返回

直到data 中的num值改變 計算屬性才會重新發生計算

-->

}} }

} 姓:

}} }

測試資料

過濾器中傳遞引數

}

常用的 鉤子函式

beforecreate

在例項初始化之後,資料觀測和事件配置之前被呼叫 此時data 和 methods 以及頁面的dom結構都沒有初始化 什麼都做不了

created

在例項建立完成後被立即呼叫此時data 和 methods已經可以使用 但是頁面還沒有渲染出來

beforemount

在掛載開始之前被呼叫 此時頁面上還看不到真實資料 只是乙個模板頁面而已

mounted

el被新建立的vm.$el替換,並掛載到例項上去之後呼叫該鉤子。 資料已經真實渲染到頁面上 在這個鉤子函式裡面我們可以使用一些第三方的外掛程式

beforeupdate

資料更新時呼叫,發生在虛擬dom打補丁之前。 頁面上資料還是舊的

updated

由於資料更改導致的虛擬dom重新渲染和打補丁,在這之後會呼叫該鉤子。 頁面上資料已經替換成最新的

beforedestroy

例項銷毀之前呼叫

destroyed

例項銷毀後呼叫

push()

往陣列最後面新增乙個元素,成功返回當前陣列的長度

pop()

刪除陣列的最後乙個元素,成功返回刪除元素的值

shift()

刪除陣列的第乙個元素,成功返回刪除元素的值

unshift()

往陣列最前面新增乙個元素,成功返回當前陣列的長度

splice()

有三個引數,第乙個是想要刪除的元素的下標(必選),第二個是想要刪除的個數(必選),第三個是刪除 後想要在原位置替換的值

sort()

sort() 使陣列按照字元編碼預設從小到大排序,成功返回排序後的陣列

reverse()

reverse() 將陣列倒序,成功返回倒序後的陣列

filter

filter() 方法建立乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。

concat

concat() 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列

slice

slice() 方法可從已有的陣列中返回選定的元素。該方法並不會修改陣列,而是返回乙個子陣列

1 過濾器

}

} }修改|

刪除

2 自定義指令

3 計算屬性

圖書總數:

}

vue常用特性

vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的,如果資料不發生變化,用的是第一次計算的快取結果,方法是呼叫就執行。資料變化,會觸發方法,資料變化時執行...

Vue常用特性

1.單選框操作 男男女女男女 2.核取方塊操作 我們如法炮製寫一下核取方塊 打球敲 學習 3.表單修飾符 number 修飾符 type number 是html 表單自帶的屬性 在表面上一看其實加不加number都無所謂,其實在獲取表單value 時我們獲取的都是字串型別,加上了.number會自...

Vue常用特性

textarea多行文字 select下拉多選 radio單選框 checkbox多選框 性別 男女 愛好 攝影 繪畫設計 職業 請選擇職業.攝影師設計師 工程師 個人簡介 男女 愛好 籃球 唱歌寫 職業 請選擇職業.教師軟體工程師 律師 trim自動過濾使用者輸入的首尾空白字元 lazy將inpu...