Vuejs 中列表对象中文本的样式部分

Question

我尝试了很多方法来使用 vuejs 中的计算、观察和方法属性来设计数据对象的一部分。我仍然不知道我该怎么做才能在“它是健康的！”中加上“健康”这个词。串成不同的风格。

<template>

   <div='container'>

      <div v-for="item in food">

        {{ item }}

      </div>

   </div>

</template>

<script>

  export default{

   data(){

     return{

        food: [

           { name: 'fish', message: 'It is great!'},

           { name: 'carrot', message: 'It is healthy!'},

        ],

      }

   }

}

</script>