vue指令帶有字首v-。
在html中顯示資料，除了使用插值表示式}之外，也可以使用vue中的v-bind指令。
... ...
... ...
v-bind:title="message"起了作用。
v-bind也可以直接使用簡寫，就是乙個冒號：。
而雙向繫結，不僅可以拿到data的資料展示到頁面，而且當修改頁面值的時候，也可以修改data裡的資料。看例子：
可以看到上面2個輸入框都拿到了data裡的searchmap.keyword的值，顯示"雙向繫結"。
這時候先修改上面的輸入框的值，這是單向繫結的，修改後，發現輸入框拿到的data裡的searchmap.keyword，依舊是"雙向繫結"。
接著，再修改下面輸入框的值，這是雙向繫結的，修改後，單向繫結的輸入框拿到的值也變了，data裡的searchmap.keyword的值被修改了。
v-on指令可以繫結事件，比如說click，點選事件。
... ...
查詢... ...
v-on:click="search()"，當點選按鈕的時候會去呼叫vue裡的search()方法。
console.log('觸發點選事件')，瀏覽器f12檢視console，可以看到輸出內容。
v-on的簡寫是@:
查詢
.指明的特殊字尾，用於指出乙個指令應該以特殊方式繫結。
例如，.prevent修飾符告訴v-on指令對於觸發的事件呼叫onsubmitform()，並非執行submit的提交，
這就是阻止了事件原本的預設行為。
儲存
點選儲存按鈕，就可以看到效果。
實際使用不多，了解就好。
其實就是if else的用法，只不過這是在頁面裡使用的。
比如頁面裡寫個判斷，勾選、不勾選的時候分別顯示不同的內容：
... ...
... ...
勾選時，
v-show完成和上面v-if相同的功能。
v-if 有更高的切換開銷，而 v-show 有更高的初始渲染開銷。
如果需要非常頻繁地切換，則使用 v-show 較好；
如果在執行時條件很少改變，則使用 v-if 較好。
for迴圈都很熟悉了，在這裡也一樣用，可以迴圈遍歷乙個列表，把列表裡的元素都給遍歷出來。
需要的話也可以帶上index，元素的索引，從0開始。
比如uselist裡有3個物件，可以通過for迴圈拿到列表裡沒乙個物件的字段值。
4列分別對應index、id、username、age。
vue常用指令
1 v model id box type text v model br div var a new vue script 就和 ng model 乙個意思了 v html html v html html渲染過程中被解析 v text text 同上 意思就是資料渲染過程中被解析 v for v...
vue常用指令
常用內建指令 v text 更新元素的 textcontent v html 更新元素的 innerhtml v if 如果為true,當前標籤才會輸出到頁面 v else 如果為false,當前標籤才會輸出到頁面 v show 通過控制display樣式來控制顯示 隱藏 v for 遍歷陣列 物件...
vue常用指令
vue常用指令 1.v text v text主要用來更新textcontent，可以等同於js的text屬性 2.v html 雙大括號的方式會將資料解釋為純文字，而非html。為了輸出真正的html，可以用v html指令。它等同於js的innerhtml屬性。3.v pre v pre主要用來...