学习 Vue的第一天之从入门到放弃 V-if

第一个月学会go语言

于 2019-07-12 16:46:06 发布

阅读量211

点赞数 2

分类专栏：随笔文章标签： HTML CSS Vue

本文链接：https://blog.csdn.net/syfamilybir/article/details/95631617

版权

随笔专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<template>
    <div id="example">
        //v-if指令可以完全根据表达式的值在DOM中生成或移除一个元素
        <p v-if="greeting">welcome to you happy</p>
    </div>
</template>v-on
<script type="text/ecmascript-6">
    export  default {
        name:'greet',
        data(){
            return {
        //message开辟一个空间
                message:'',
        //当greeting为true显示，v-if内存消耗较大，不建议使用
                greeting:true

            }
        },
        
    }
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">