为了能学会小程序开发,并顺利建立自己的工作室,决心学习前端开发技术。 恶补知识点。争取在100天内能实现技术的质变!
今天的学习的知识点是:VUE v-if v-show
代码如
<div id="app">
<p v-show="vshow">这里是V-show</p>
<button v-on:click="btnshow">Vshow的隐藏和显示</button>
<p v-if="vif">这里是V-IF<p>
<button v-on:click="btnvif">vif隐藏/显示</button>
</div>
<script>
new Vue({
el:"#app",
data:{
vshow:true,
vif:true,
},
methods:{
btnshow:function(){
this.vshow=!this.vshow
},
btnvif:function(){
this.vif=!this.vif
}
}
})
</script>
运行结果:
没有项目的学习其实是没有灵魂的。 最好要自己尝试做一个小项目才可以从根本上学编程