接上一篇文件< template>标签:作用类似于一个标签,当我们编译不会为html代码
用于存放v语句的处理
<template v-if="isShow"> //在运行时不会成为一个真正的标签 可以理解为一个箱子
//当我们运行在页面时 只显示箱子里的内容
是否显示
</template>
date:{isShow:true}//true显示 false不显示
监听事件
冒泡事件
<div @click="fun1">
其他内容
<!--stop 阻止点击事件传播-->
<!--prevent 阻止标签默认跳转事件-->
<a @click.stop.prevent="fun2" href="https://www.baidu.com">
点击
</a>
</div>
var app = new Vue({
methods:{
fun1:function(){
alert(1)
},
fun2:function(){
alert(2)
}
}
})
表单
复选框
喜欢的游戏:
<input type="checkbox" value="1" v-model="checks" />LOL
<input type="checkbox" value="2"