取消双向绑定、输出html代码

1.取消双向绑定,在绑定的值前加*号。

如: 

<div id="app">
    <p>{{*message}}</p>
</div>

2.如果数据html代码,需要将{{}}修改为{{{}}}

<div id="app">
//将解析标签 <p>{{{message}}}</p>
//输出输出<h1>显示的内容将变粗变大</h1>
  <p>{{message}}</p>
<input type="text" v-model="message"/>
</div>

<script>
    new Vue({
       el:'#app',
       data:{
            message:'<h1>显示的内容将变粗变大</h1>'
        }
   })
</script>        
原文地址:https://www.cnblogs.com/zxbzl/p/5999258.html