<!-- 隱藏元素  v-show  作用跟display一樣 切換頻繁可以用-->
        <!-- <h1 v-show="flase">歡迎來到{{name}}</h1> -->
        <!-- 只要返回結果為布林值就行 -->
        <!-- <h1 v-show="1===3">歡迎來到{{name}}</h1> -->

 <!-- v-if作用是刪除節點，徹底消失，連塊都不見了 切換不頻繁可以用-->
        <!-- <h1 v-if="1===3">歡迎來到{{name}}</h1> -->

<!-- <li v-for="(p,index) of persons" :key="index">
                    index是這個v-for方法本身就有的形參，可以省略，他就一索引值，需要的話可以再後面加
                個屬性：a=“index”去接收，也可以用key接收，但是在vue裡key被徵用了，它可以接收，但不會顯示
            在頁面上 -->
                <li v-for="p of persons" :key="p.id">
                    {{p.name}}
 
-{{p.age}}
                </li>
 
     data:{
                persons:[
                    {id:001,name:'王煒程',age:23},
                    {id:002,name:'歐小賓',age:25},
                    {id:003,name:'譚良軒',age:23}
            ],

   <button v-on:click="showInof1">點我觸發事件1（不傳參）</button>
 <!-- 簡寫模式
        <button @click="showInof">點我觸發事件（傳參）</button> -->
 
        <button @click="showInof2($event,66)">點我觸發事件2（傳參）</button>