关于用vue添加隐藏元素的实验。

首先是css

        .dis {
            display: none;
        }

然后是html

<div id="app">
    <div v-bind:class="{ dis : addclass }">
        这是测试的信息
        <p>这是测试的信息</p>
        <p>这是测试的信息</p>
        <p>这是测试的信息</p>
        <p>这是测试的信息</p>
        <p>这是测试的信息</p>
        <p>这是测试的信息</p>
    </div>
</div>

然后是JavaScript

    var vm = new Vue({
        el: '#app',
        data: {
            addclass: false
        }
    });

运行:

这显示了内容。

然后在控制台输入

vm.addclass = true

得出结果

成功隐藏元素。

这个的成功说明这个方法是可以批量应用的。