VUE命令バウンドV-かの論理構造

<!-- if判断 -->
<div id="app2">
    <p  v-if="seen"> <!-- 给p标签绑定指令 -->
        显示内容
    </p>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var app2 = new Vue({
        el: "#app2",
        data: {
            seen: true
        }
    });
</script>

コンソールが入力しapp2.seenたデータで見られる値APP2を取得しますが、またに割り当てることができfalse、そうだろうpラベルが文書から削除され、それが割り当てられている場合、その後true、それが再表示され、文書が表示されますpラベルに

表示されません

再表示

おすすめ

転載: www.cnblogs.com/zxcv123/p/12004006.html