下拉多選加multiple

<div id="myPage">
      <h2>下拉單選--你喜歡的遊戲是：</h2>
      <select v-model="likedGame">
        <option>水滸Q傳</option>
        <option>元氣騎士</option>
        <option>戰魂銘人</option>
        <option>地下城與勇士</option>
        <option>英雄聯盟</option>
      </select
 
>
      
      <h2>下拉多選--你喜歡的遊戲有：</h2>
      <select v-model="likedGames" multiple>
        <option>水滸Q傳</option>
        <option>元氣騎士</option>
        <option>戰魂銘人</option>
        <option>地下城與勇士</option>
        <option>英雄聯盟</option>
      </select
 
>

      <p>下拉單選--選擇結果：{{likedGame}}</p>
      <p>下拉多選--選擇結果：{{likedGames}}</p>
    </div>    

    <script>
      var myPage = new Vue({
        el:'#myPage',
        data:{
          likedGame:"",
          likedGames:[]
        }
      })
    </script>

效果展示：