<!DOCTYPE html>
<script src="../vue-2.6.14.js"></script>
<div id="aaa">
<h1 v-show="2==20">gggggg</h1>
<h1>{{msg1}}</h1>
<button @click=add()>ddddd</button>
<button @click=changeMsg("mmm")>改变msg</button>
<h2>{{date}}</h2>
</div>
</html>
<script>
var vm=new Vue({
el:"#aaa",
data:{
"msg1":2233322,
"date":new Date()
},
methods:{
add(){
console.log("qqq")
},
changeMsg(bbb){
var now = new Date()
console.log(bbb)
this.msg1=now
}
}
})
</script>
vuejs指令:v-show @click
原创a772304419 ©著作权
©著作权归作者所有:来自51CTO博客作者a772304419的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vuejs5-v-show指令
vuejs5-v-show指令
指令 vuejs5 -v-show -
Vue 常用指令 显示切换 v-show
如果元素的显示条件更加复杂,那么还支持一些表达式,比如有age属性,图片需要age满足某些属性才
vue.js d3 html css -
Vue学习四:v-if及v-show指令使用方法
本文为博主原创,未经允许不得转载: 在浏览器端加载测试的效果如图所示:
Vue学习使用 Ninja html vue.js -
Vue.js条件渲染指令v-if及v-show
是真正的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当的销毁和重建,v-if也是惰性的,如果在初始渲染时条件
vue.js 前端 javascript 前端框架 开发语言