title: style part of the text within a list object in Vuejs
body: <p>I try many way to style part of the data object using computed, watch, and method property in vuejs. I still have no clue what can I do to make just the "healthy" word within the 'It is healthy!' string into different style. </p>
  
  <pre><code>&lt;template&gt;
     &lt;div='container'&gt;
        &lt;div v-for="item in food"&gt;
          {{ item }}
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
    export default{
     data(){
       return{
          food: [
             { name: 'fish', message: 'It is great!'},
             { name: 'carrot', message: 'It is healthy!'},
          ],
        }
     }
  }
  &lt;/script&gt;
  </code></pre>