vue的第六大功能，v-if，条件与循环：

最新推荐文章于 2021-10-31 21:57:33 发布

hamimelon2020

最新推荐文章于 2021-10-31 21:57:33 发布

阅读量81

点赞数 1

分类专栏： JavaScript vue 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_40945354/article/details/119061400

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

什么情况下用span，不用input，不用button，不用click，不用p，就用span吗？
span与p的区别是什么？

<!DOCTYPE html>
<div id="conditional-rendering">
<span v-if="seen">现在你看到我了</span>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const ConditionalRendering = {
    data() {
        return {
            seen: true
            //message:'You loaded this page on'
            //文本插值的时候，这里是counter:0
        }
    }
}

Vue.createApp(ConditionalRendering).mount('#conditional-rendering');
</script>

这样会显示，现在你可以看到我了
如果把true改成false，就空了。

<!DOCTYPE html>
<div id="conditional-rendering">
<span v-if="seen">现在你看到我了</span>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const ConditionalRendering = {
    data() {
        return {
            seen: false
            //message:'You loaded this page on'
            //文本插值的时候，这里是counter:0
        }
    }
}

Vue.createApp(ConditionalRendering).mount('#conditional-rendering');
</script>