Vue模板语法之插值

文本：

其用法为{ {...}}（双大括号），可以通过改变vue中的数据来动态改变标签的内容

div id="root">

        <span>{ {msg}}</span>

    </div>

    <script>

        new Vue({

            el:'#root',

            data(){

                return{

                    msg:"这是文本插值"

                }

            }

        })

    </script>

我们也可以使用v-once 指令执行一次性插值，当数据改变时插值处的内容不会更新。

<span v-once>这个将不会改变: { { msg }}</span>

原始html

无论数据是什么，双大括号都会将数据解释为普通文本，如果我们想要将数据解释为html代码，我们可以使用v-html指令

<div id=