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

 

posted @ 2016-10-26 10:04  银河系上的地球  阅读(299)  评论(0编辑  收藏  举报