1. vue生命周期鉤子函數(shù)
- 生命周期包括8個(gè)階段:創(chuàng)建前/后(beforeCreate/created), 載入前/后(beforeMount/mounted),更新前/后(beforeUpdate/updated),銷毀前/銷毀后(beforeDestroy/destroyed)漩绵。
- 第一次頁面加載時(shí)會觸發(fā)
beforeCreate
/created
,beforeMount
/mounted
這幾個(gè)鉤子祈远。- DOM渲染是在
mounted
階段完成的董瞻。Created
:實(shí)例創(chuàng)建完成后調(diào)用谆吴。Mouted
:實(shí)例與視圖通過el
屬性掛載起來后執(zhí)行替蛉。Updated
:數(shù)據(jù)更新調(diào)用此函數(shù)杨何。Actived
:keep-alive
組件激活時(shí)調(diào)用净赴。Destroyed
:Vue 實(shí)例銷毀后調(diào)用俺亮。<keep-alive>:<keep-alive> 包裹動態(tài)組件時(shí),會緩存不活動的組件實(shí)例疟呐,而不是銷毀它們脚曾。保留組件狀態(tài)或避免重新渲染。
2. vue.js動態(tài)綁定class
vue.js動態(tài)綁定class:https://www.cnblogs.com/big-snow/p/5718728.html
3. onclick
可同時(shí)調(diào)用多個(gè)函數(shù)
//修改參數(shù)启具,調(diào)取函數(shù)
<input type="button" onclick="a();b();" value="ab"/>
@click="clientCurrentPage = 1,searchClient(0)"
4. vue獲取元素$refs
參考:https://www.cnblogs.com/xumqfaith/p/7743387.html
$refs和v-for一起使用的時(shí)候本讥,獲取到的引用會是一個(gè)數(shù)組,需要循環(huán)調(diào)取內(nèi)部的元素鲁冯。
<el-input ref="searchInput" v-model="search" placeholder="請輸入搜索內(nèi)容" ></el-input>
js: this.$refs.searchInput.focus(); //獲取input元素
注:focus() //自動獲取input焦點(diǎn)