使用v-cloak禁止显示渲染代码的元素

使用v-cloak禁止 显示渲染代码的元素

        <!DOCTYPE html>        <html>            <head>                <meta charset="utf-8">                <title></title>                <script src="js/vue.min.js"></script>                <style>                    //设置禁止显示渲染之前的元素，例如网络延迟会页面加载{{a}}                    [v-cloak]{                        display: none;                    }                    h1{                        font-family: 宋体;                        color: lightseagreen;                        background-color: beige;                    }                </style>            </head>            <body>                <div id="app" v-cloak>                    <h1 >                        {{a}}                    </h1>                    <button @click="add">操作指令</button>                </div>                <script>                    new Vue({                        el:'#app',                        data:{                            a:100                        },                        methods:{                            add(){                                this.a++;                            }                        },                    })                </script>            </body>        </html>

免责声明：本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕。