vue v-for通過index動態綁定input輸入框的數據

　　項目中經常會遇到各種略燒腦的難題，比如v-for循環出來的input輸入框，如果有N個的話，

那怎么獲取他們對應的數據呢，又怎么確保獲取的數據和input輸入框一 一對應呢，不要慌，答案在后面！

先上效果圖：

再看實現代碼：

<div style="margin-left:100px;">
   <ul>
      <li v-for="(item,index) in 3">
         <input type="text" v-model="data[index]" style="border:1px solid #ccc;height:50px;margin-top:10px;">
      </li>
   </ul>
   <button @click="clickMe" style="height:30px;line-height:30px;margin-top:20px;">點我試試</button>
</div>

<script>
  export default {
    data() {
      data:[]
    },
    methods: {
      clickMe(){
        console.log(this.data)
      },
    }
  }    
</script>