第一、在vue文件，h3標簽加入 v-rainbow

----------------------------------ShowBlogs.vue----------------------------------
<template>

  <div class="ShowBlogs">

      <input type="search" placeholder="請輸入文章標題或關鍵字..." v-model="search">

      <br>

      <div class = "article-show" v-for="(item,index) of filterblogList" :key=index>

        <h3 v-rainbow>{{item.title}}</h3>

      </div>

  </div>

</template>

第二、在main.js中定義自定義指令，rainbow跟上面的v-rainbow保持一致

Vue.directive('rainbow', 
  function(el) {
    el.style.color = '#'+Math.random().toString().slice(2,8);
  
})