vue下滤器html标签

首先想到的是使用过滤器

filters: {
 htmlfilter: function (val) {
   return val.replace(/<[^>]*>/g);
 }

}

<p>{{cont.content | htmlfilter}}</p>

可是标签换成了undefined 被输出 然后控制台也报错：

Error in render: "TypeError: Cannot read property 'replace' of undefined"

找了下别人解决的办法 渲染的时候：

<p v-html="cont.content"></p>  

需要注意的是: 

v-html会将其当html标签解析后输出

{{}}是v-text的简写形式

v-text 操作纯文本