Vue 中你可能用得到的指令

2021-10-09 17:11:31 字數 1129 閱讀 9841

1. v-text

v-text主要用來更新textcontent,可以等同於js的text屬性
2. v-html

雙大括號的方式會將資料解釋為純文字,而非html。為了輸出真正的html,可以用v-html指令。它等同於js的innerhtml屬性。
3. v-pre

v-pre主要用來跳過這個元素和它的子元素編譯過程。
4. v-cloak

這個指令是用來保持在元素上直到關聯例項結束時進行編譯。
5.v-once

v-once關聯的例項,只會渲染一次。
6.v-if

v-if可以實現條件渲染,vue會根據表示式的值的真假條件來渲染元素。
7. v-else-if

v-else-if充當v-if的else-if塊,可以鏈式的使用多次。
8. v-show

v-if有更高的切換開銷

v-show有更高的初始渲染開銷。

因此,如果要非常頻繁的切換,則使用v-show較好;如果在執行時條件不太可能改變,則v-if較好

9. v-for

用v-for指令根據遍歷陣列來進行渲染
10. v-bind

v-bind用來動態的繫結乙個或者多個特性。
11.v-model

這個指令用於在表單上建立雙向資料繫結。
12. v-on

v-on主要用來監聽dom事件,以便執行一些**塊。

Windows 10 中你可能用得最多的快捷鍵

win鍵 e 開啟檔案管理器,能夠快速在資料夾中進行查詢檔案。這個快捷鍵你可能需要得非常多。win l 快速鎖屏。要和同事去吃飯了,快速鎖屏後走人,你一定會需要乙個這個。不想用滑鼠,下面的快捷鍵能夠幫你對視窗進行操作 windows鍵 上箭頭 最大化當前視窗到全屏模式。windows鍵 向下箭頭 恢...

個人開公司的流程 以後可能用得著

一 選擇公司的形式 1 普通的有限責任公司 最低註冊資金 3萬元,需要 2個 或以上 股東,從 2006年01 月起,新的公司法規定,允許 1 東,註冊有限責任公司。這種特殊的有限責任公司,又稱 一人 但公司名稱中,不會有 一人 的字樣 執照上會註明 自然人獨資 最低註冊資金 10萬元!如果你和朋友...

物聯網中可能用到的協議

在檢視物聯網晶元的程式設計例程時,看到有很多協議。一開始看的時候比較模糊,整理完之後再看邏輯清晰了一點。整體介紹 整體介紹 檢視協議最好從它所在的層級來看。osi體系下分為七層,tcp ip模型則將網路分為四層,包括鏈路層,網路層,傳輸層,應用層。這裡就拿tcp ip模型來舉例說明。我個人的理解是,...