番外篇：VUE（三）标签体取值

标签体取值：{{}}、v-text、v-html

<body>
    
    <!-- 标签体取值  -->
    <div id="app">
        <!-- {{}} 当网速慢时 会出现插值闪烁 -->
        {{msg}}  </br>
        {{show()}}  </br>

        <!-- v-text 不会解析html标签 -->
        <span v-text="msg"></span></br>

        <!-- v-html 会解析html标签 -->
        <span v-html="msg"></span></br>
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                msg:"<h1>Hello</h1>"
            },
            methods: {
                show(){
                    return 1+1
                }
            }
        })
    </script>
</body>
posted @ 2021-05-30 16:55  努力的校长  阅读(151)  评论(0)  编辑  收藏  举报