Vue全家桶 常用特性 指令

2021-10-07 02:08:38 字數 931 閱讀 5150

常用特性概覽:

1.表單操作

input

textarea

select

radio

checkbox

表單域修飾符:

number:轉化為數值

trim:去掉開始和結尾的空格

lazy:將input事件轉為change事件

2.自定義指令

vue.directive('focus',

})用法 v-focus

3.計算屬性

使用計算屬性使模板內容更加簡潔

computed:

}4.過濾器

格式化資料, 比如字串格式化為首字母大寫,日期格式化

vue.filter('過濾器名稱',function(value))

區域性filters:

}帶引數過濾器用法

vue.filter('format',function(value,arg1))

使用 傳參

}5.偵聽器

watch 監聽資料變化

watch:,

資料屬性2(val)

}6.生命週期

1.主要階段

掛載(初始化相關屬性)

1. beforecreate (1.2 建立階段)

2. created

在例項建立完成後被立即呼叫

3. beforemount (3.4 掛載階段)

4. mounted 不會承諾所有的子元件也都一起被掛載,可以用vm.$nexttick()代替

更新(元素或元件的變更操作)

5. beforeupdate

6. updated

銷毀(銷毀相關屬性)

7. beforedestroy

8. destroyed

VUE複習全家桶

vue基礎考察 一 computed 和 watch vue中watch的簡單應用 二 class和style vue常用方法以及面試問題 三 v if 和 v show vue常用方法以及面試問題 四 父子元件通訊 非父子元件通訊 vue2.0父子元件以及非父子元件如何通訊 五 單個元件生命週期,...

簡述Vue全家桶

vue全家桶有什麼呢?vue全家桶包括vue cli,vue router,vuex,vue devtool除錯工具 ui元件庫。vue cli大家都稱為是vue的乙個腳手架,能快速搭建出乙個單頁應用環境出來,裡面包含著很多的東西,包括有webpack,npm,nodejs,babel等等。vue ...

Vue全家桶構建專案

步驟 一 安裝vue cli 首先,我們可以通過npm安裝vue clic,前提是我們需要有node環境,如果電腦還沒安裝node,先安裝,可通過 node v 查詢node的版本號,有版本號則已經安裝成功 vue全家桶專案構建教程 接下來,我們需要確保電腦已經安裝了webpack,webpack是...