在mount時，為什么會調用三次arr2的方法，我怎么在input的值改變的時候才顯示下方input的對應內容，現在一直顯示，我無法在arr2中控制其顯示隱藏@{    ViewBag.Title = "Index";    Layout = "~/Views/Shared/_Layout.cshtml";}<div id="itany">    <ul class="form-ul">        <li class="form-item">            <h4 class="form-title">郵件主題</h4>            <input type="text" v-model="name" class="form-input">            <i class="icon pen"></i>        </li>    </ul>    <p v-for="(v,k) in arr2" :key="k" v-show="flag">        {{v}}    </p></div><!--循環(huán)綁定--><script>    //export default{    //   create(){    //       this.request();    //   },    //   methods:{    //    request(){      //    }    //}    //}    //import axios from './axios'     //Vue.prototype.$http = axios    var vm = new Vue({        el:'#itany',        data:{            flag:false,            arr:['華','alex','mark'],            name:''        },        //鉤子函數，初始化完        created: function(){       },                computed:{            arr2:function () {                var temp=[];                //console.log(this.flag);                                this.arr.forEach(val=> {                    if(val.includes(this.name)){                    this.flag=true;                    temp.push(val);                console.log(this);            }        });        console.log(temp);        return temp;    }    }    })</script>