Vue之数据三种显示在模板上的方法

{{}}:双大括号会将数据解析成纯文本

<div id="app1">{{msg}} </div>

v-text:会将数据解析成纯文本

<div id="app2" v-text="msg"></div>

v-html:输出真正的 HTML

<div id="app3" v-html="msg"></div>

要显示的数据：

<script>
export default {
  data(){
    return{
      msg:"<h1>hello</h1>"
    }
  }
}
</script>