vue中v-for出来的数据计算问题

Question

通过axios请求出来的数据是个数组，然后通过v-for遍历到页面，但是
el-rate 中的v-model绑定的item.rating.average是个浮点数，展示的时候我想把这个数字除以2，我直接/2就报错，也试了computed，但是就是不行，求大神们指点一下

<template v-for="item in items">
          <router-link  to="detailview">
          <div class="list">
            <div class="list_1">
              <img :src="item.images.medium"/>
            </div>
          <div class="list_2">
           <h3>{{item.title}}</h3>
           <el-rate
               v-model="item.rating.average"
               disabled
               show-score
               text-color="#ff9900"
               score-template="{value}">
           </el-rate>
           <p>{{item.rating.average}}</p>
           <p>主演：张涵予 福山雅治 戚薇</p>
           </div>
         </div>
        </router-link>
        </template>

Answer 1

首先要理解这个：
在官方文档中有说到:

<input v-model="something">

这不过是以下示例的语法糖：

<input
  v-bind:value="something"
  v-on:input="something = $event.target.value">

所以你代码中el-rate标签里面的

v-model="item.rating.average"

应该改为这样：

v-bind:value="item.rating.average / 2"
v-on:input="item.rating.average= $event.target.value"

Answer 2

过滤器。
另外 数据结构看一下