Vue模板 - 将HTML特殊字符（数字）转换为符号？

Question

如何将特殊字符（数字）转换为Vue模板中的符号？

例如我有这个JSON数据：

[{"id":"post91","slug":null,"title":"Breakfast & Tea"}]

如何将Breakfast & Tea转换为Breakfast & Tea？

我的Vue模板：

<h3 class="heading">{{ item.title }}</h3>

有什么想法吗？

Answer 1

最好的选择是实际使用v-html：

<h3 class="heading" v-html="item.title"></h3>

不需要任何其他库。

Answer 2

使用像he这样的库更容易：

new Vue({
  el: '#app',
  created(){
    this.message = this.decode('Breakfast & Tea');
  },
  methods:{
    decode(str){
        return he.decode(str);
    }
  },
  data:{
    message: ''
  }
})

这是JSFiddle：https://jsfiddle.net/86k1ge4b/