取消双向绑定、输出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>