vue使用流程:
1.引vue.js
2.new Vue({
el:'#box',
data:{myData:'hello Vue'}
});
3.<div id="{{myData}}“></div>
常用指令:
v-model="数据"
v-show="true/false" 是否显示
v-hide="true/false" 是否隐藏
v-if="true/false" 彻底删除
v-else="true/false"
**if和show区别:
a)show display
b)if DOM删除
三 事件:
v-on:click=""
简写:@click=""
传参:@click="show(1,2)"
methods:{
show:function(a,b){
alert(a+b);
}
}
事件对象:
阻止事件冒泡:
1.ev.stopPropagation();
2.@click.stop="show1()"
阻止默认行为:
1.ev.preventDefault();
2.@contextmenu.prevent="show()"
@contextmenu.stop.prevent
键盘事件:
v-on:keyup="show"
v-on:keydown=""
keyup.键码=""
vue帮咱们封装的常用键:
@keyup.enter=""
@keyup.left=""
@keyup.right=""
@keyup.up=""
@keyup.down=""
@keyup.delete=""