v-cloak、v-text、v-html

<div id="app">
        <!--使用v-cloak能够解决 插值表达式闪烁问题-->
        <p v-cloak>-----------{{msg}}-------------</p>

        <!--v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的占位符，不会把整个元素的内容清空-->
        <h4 v-text="msg">----------</h4>
        
        <div v-html="msg2"></div>
    </div>

    <script>
        var vm = new Vue({
            el:'#app',
            data:{
                msg:'123',
                msg2:'<h1>h1h1h1h1h1h1h1</h1>'
             },
            methods:{

            }
        })
    </script>