挑战百日学习计划[小程序开发]-第五天

为了能学会小程序开发，并顺利建立自己的工作室，决心学习前端开发技术。 恶补知识点。争取在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>

运行结果：

没有项目的学习其实是没有灵魂的。 最好要自己尝试做一个小项目才可以从根本上学编程