按鍵修飾符
<div id="dog">
<input type="text" v-model="msg" @keyup="fn">
</div>
<script>
var vm = new Vue({
el:'#dog',
data:{
msg:''
},
method:{
fn(){
console.log('nihao')
}
}
})
</script>
以上代碼增加需求，要求只有點擊回車鍵才會調用fn函數(shù)逗噩，那么可以：
方式一：注冊時間后面加上.keycode
//@keyup="fn"
@keyup.13="fn"
方式二：Vue中提供了大量按鍵修飾符的名字，如
enter方篮、esc晾剖、delete等
方式三：自定義別名
Vue.config.keyCodes.name = code;
Vue.config.keyCodes.test = 13;
v-show:控制元素的顯示或者隱藏
v-show是通過css樣式控制元素，diplay:block或者display:none
<div id="dog">
<p v-show="isShow"><p>
</div>
<script>
var vm = new Vue({
el:'dog'.
data:{
isShow: true
}
})
</script>
v-if：也是控制元素的顯示或者隱藏
v-if通過創(chuàng)建和刪除元素來實現(xiàn)
v-else-if / v-else：跟在v-if后面
v-cloak：解決閃爍問題（需要配合CSS樣式）侍郭，在vue加載完成的時候询吴，會自動移除v-cloak屬性
<style>
[v-cloak] {
display:none
}
</style>
<p v-cloak>{{ msg }}</p>
