v-on
v-on是事件綁定红竭,可以縮寫為@,如果需要event就在函數(shù)里面?zhèn)鲄?例如@click=“btn($event)”尤勋;
常用的修飾符也有很多:
比如
.stop用來取消冒泡事件;
. prevent阻止默認事件茵宪;
.once只執(zhí)行一次最冰;當然還有許多。
v-text
v-text innerText輸出
v-html innerHTML輸出
v-for
v-for 和原生JS的for循環(huán)差不多
這是平常使用的一種格式
arr? v-for="(i,$index) in arr"
? ? json? v-for="(i,$key,$index) in json"
v-show
v-show 判斷元素顯示還是隱藏
v-show=“true/false”
v-if是條件判斷
當然還有配套的v-else稀火、v-else-if
v-model
v-model 是雙向綁定暖哨,一般用于文本框、單選凰狞、復選篇裁、下拉沛慢;
常用的修飾符有
.lazy - 取代 input 監(jiān)聽 change 事件
.number - 輸入字符串轉為有效的數(shù)字
.trim - 輸入首尾空格過濾
v-cloak
v-cloak頁面渲染完成后消失;如果不適用的話达布,每次刷新頁面會出現(xiàn)閃的一下子团甲;就好比王者英雄出了閃現(xiàn)
v-once
v-once只渲染一次
v-pre
v-pre跳出渲染
(1)什么是vue生命周期?
Vue 實例從創(chuàng)建到銷毀的過程,就是生命周期往枣。也就是從開始創(chuàng)建伐庭、初始化數(shù)據(jù)、編譯模板分冈、掛載Dom→渲染圾另、更新→渲染、卸載等一系列過程雕沉,我們稱這是 Vue 的生命周期集乔。
(2)vue生命周期的作用是什么?
Vue生命周期中有多個事件鉤子,讓我們在控制整個Vue實例過程時更容易形成好的邏輯坡椒。
(3)vue生命周期總共有幾個階段?
可以總共分為8個階段:創(chuàng)建前/后, 載入前/后,更新前/后,銷毀前/后扰路。