vue指令的使用
>
>
}//使用vm上的$data屬性
//}的語法叫mustache語法
//在dom結構中使用js語法，這個型別稱之為jsx語法糖
p>
>
}//使用vm上的私有屬性_data
p>
>
}//使用vm上擁有的msg
p>
>
}//this可以省略
p>
div>
vue在使用時有兩部分：指令和元件指令
指令的使用指令
指令名稱
作用縮寫
v-html = 「data」
將資料展示在乙個dom內容中,可對html標籤進行轉義
v-text = 「data」
將資料展示在乙個dom內容中，原樣輸出
v-bind:attr = 「data」
將資料繫結在dom屬性上,資料改變dom改變
:attr
v-if=boolean
操作的是元素是否存在，初始化時為false時不會建立，節約資源
v-show=boolean
操作的是元素的display屬性乙個屬性經常切換顯示效果時使用
v-for=「函式表示式」
用來迴圈渲染資料
v-on:事件型別 = 「函式表示式」
用來繫結事件
@事件型別
v-model = 「函式表示式」
雙向資料繫結
v-bind:attr 擴充套件：
:class=//等於乙個物件，不加會被識別為一般的屬性名，加了則為data中的屬性名，不然單向資料繫結時無法識別
:class = 「[類名1,類名2,類名3]」//資料中的類名為data中的屬性
:style 樣式指令
:style = 「」//直接以物件的形式寫要設定的樣式
:style = 「[style,border]」//以陣列的形式使用data中的樣式物件的屬性名
v-if指令（指的是該dom結構是否存在）
v-if = boolean
初始化為假時不渲染，節約開銷
雙路分支
多路分支//就像switch-case
v-show指令（指的是該dom結構是否顯示->display=none/block）
v-show = boolean
v-if vs v-show
v-if 有更高的切換開銷，
v-show 有更高的初始渲染開銷。
需要非常頻繁地切換，則使用 v-show 較好；
如果在執行時條件很少改變，則使用 v-if 較好。
v-for（列表渲染）
帶乙個引數
} li
>
num 可以是陣列，物件，字串
item表示為值
>
item -- } p
>
>
key ---} p
>
li>
//key 表示為索引值
>
item -- } p
>
>
key -- } p
>
>
index -- } p
>
li>
//index表示obj的下標
需要觸發的事件都寫在methods中
事件的修飾符
按鍵的修飾符
自定義按鍵修飾符鍵盤碼
v-model 雙向資料繫結
var vm =
newvue(,
json:
['aa',,
]}//資料的定義
})
vuejs 基本指令1
碼雲 gitee gitlab 乙個產品，完全類似github或者gitee，是乙個可以在企業內部執行的 託管平台 商業公司更願意使用 svn 作為版本控制器 coding.net 深圳一家公司做的 的託管平台 v for 遍歷陣列，物件 1，v for 是些在最小的迴圈單元裡面的 2，v for ...
vuejs的使用 元件
元件就是vue例項中的配置項 配置項 elvar vm newvue el為乙個掛載點，繫結乙個dom元素，相當於把dom元素放到vue例項中，可以使用通過指令，mustache語法來操作它 另一種寫法為 newvue mount 配置項datadata json aa data用來存放資料，支援不...
vuejs學習4 自定義指令
1 只是方法名由component 改為了directive 上例只是註冊了自定義指令 v focus 還沒有實現具體功能，下面具體介紹自定義指令的各個選工頁。自定義指令的選項是由幾個鉤子函式組成的，每個都是可選的。bind 只呼叫一次，指令第一次繫結到元素時呼叫，用這個鉤子函式可以定義乙個在繫結 ...