vue的 基礎指令及解讀

2021-09-11 05:14:44 字數 724 閱讀 8366

v-show

控制當前元素的display:block屬性控制元素的顯示隱藏

v-on:evennam.修飾符 等同於

@eventname.修飾符

註冊事件

事件修飾符: 事件操作符可以連用

.prevent 阻止事件預設行為

.stop 阻止事件冒泡

.capture 捕獲階段執行 從大元素到小元素

.self 只觸發自己的事件

.once 只繫結一次

.keycode 鍵碼

.keyalias 別

methods

用於定義方法

v-bind:屬性

等同於 : 冒號

動態屬性

v-for 迴圈 可以迴圈 陣列 物件 字串 數字

}陣列每一項

v-for="(item,index) in array"

v-for="(value,key) in object"

v-for="val in num" //val 從1開始

$event 找事件物件 是關鍵字

v-model 資料檢視雙向繫結 用於表單控制項 和元件上 雙向繫結很好用的

}data:

v-if

v-else-if

vue基礎及指令

src vue.js路徑 script 這裡寫相關js的 script new vue 掛載點,將對應符合選擇器要求的掛載點,作為vue的模板 只有變成模板才能去使用模板語法 new vue 如果我們把資料放在data中,那麼我們就可以在頁面模板中直接使用這些data,如果實在new vue中的相關...

解讀 vue中的常用指令

vue中有很多指令,有的是常用的,有的是不常用的,還有一些是自定義的。那麼什麼是指令呢?指令 是乙個特殊標記,vue通過這個標記來增強html標籤,也就是 讓html具備了一些原本不具備的功能 解讀 v model 用在表單元素中,用來實現雙向資料繫結 作用 將文字框的值與 data中msg資料,繫...

vue基礎指令

filter 對介面的轉換,比如貨幣 顯示形式 vue基礎指令 v mode 雙向繫結,用於文字框 輸入框 單選 複選 下拉框等等,輸入改變,模型也會改變 反之,模型改變,輸入也會改變。v text 更多的是乙個文字的渲染,與 類似,只是在頁面未載入完vue的時候,會顯示在頁面上,所以一般採用v t...