请问为什么 vue中 div用了v-text，之后在嵌套button或者其他标签，html会不显示呢？


    <body>
        <div id="abc" v-text="num">
            <button></button>
        </div>
        <script>
            var vm = new Vue({
                el: '#abc',
                data: {
                    num: 0,
                    handel: function(a, b, event) {
                        console.log(a + b);
                        console.log(event.target.tagName);
                    },
                },
            });
        </script>
    </body>

我在div中间又放了一个button标签但是在chrome工具中却看不到这个button标签这是为什么？

img

v-text=""之后里面不能填充任何东西了