vue.js 调用函数

Question

<li>
    <a :href="'/trade_detail?ext=' + pro.type">
        <div>a({{pro.type}})</div>         
        <span class=" font12" >授信誉度￥{{pro.num}}</span>   
    </a>         
</li>

怎么调用这个 显示在div

Answer 1

{{ a(pro.type) }}

Answer 2

这个用 filter 更为合适

<tempalte>
  <li>
    <a :href="'/trade_detail?ext=' + pro.type">
      <div>{{ pro.type | display }}</div> <!-- filter -->
      <div>{{ covertType(pro.type) }}</div> <!-- 调用方法 -->
      <span class=" font12">授信誉度￥{{pro.num}}</span>
    </a>
  </li>
</tempalte>
<script lang="babel">
export default() {
  methods: {
    covertType(key) {
      const ext = { '': '全部', 'fourVoice': '四声', 'fourWord': '四字母' }
      return ext[key]
    }
  },
  filters: {
    display(key) {
      return this.covertType(key)
    }
  },
}
</script>

Answer 3

楼上的都是好的解决方案。
其实，用computed也是可以的。代码我就不写了。