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...