Method of processing dynamic data of vue loop list in instance analysis

Call method: ( target, key, value )

target: The data source to be changed (can be an object or an array)

key: the specific data to be changed

value: the reassigned value

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div &gt;
  &lt;p v-for="(item,index)in list" :key="" @click="btnClick(index,)"&gt;
    {{}}
  &lt;/p&gt;
&lt;/div&gt;
&lt;script src="../../dist/"&gt;&lt;/script&gt;
&lt;script&gt;
  var vm2=new Vue({
    el:"#app",
    data:{
      list:[
        {message:"Star",id:"1"},
        {message:"sun",id:"2"},
        {message:"moon",id:"3"}
      ]
    },
    methods:{
      btnClick(index,id){
        this.$set(,index,{message:"kitten",id:id});
      }
    }
  });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

The above is all the content of the relevant vue loop list dynamic data processing methods introduced to you this time. Thank you for your support.