What is the use of vue.set

The function of vue.set: 1. Set the data attribute through the [Vue.set] method, the code is [Vue.set(data,'sex', 'male') ]; 2. Use the [vm.$set] instance method, the code is [var key = 'content';].

【Recommended related articles:vue.js】

#The role of vue.set:

When a vue instance is generated, when data is assigned again, sometimes it will not be automatically updated to the view. Go up;

If you add new attributes to the instance after the instance is created, it will not trigger a view update

      
  
 姓名：{{ name }}
 年龄：{{age}}
 性别：{{sex}}
 说明：{{info.content}} 
    

Running results:

姓名：php中文网 年龄：3 性别： 说明：my name is test

Both in age and name get and set methods, but there are no these two methods in sex. Therefore, vue will not automatically update the view after setting the sex value;

Solution:

1. Pass The Vue.set method sets the data attribute, as above:

Vue.set(data,'sex', '男')

2. You can also use the vm.$set instance method, which is also an alias of the global Vue.set method:

var key = 'content'; //这种主要用于当对象中某个属性值动态生成时处理方式 this.$set('info.'+key, 'what is this?'); //或 this.$set('info.content', 'what is this?');

Related free learning recommendations:JavaScript(Video)

The above is the detailed content of What is the use of vue.set. For more information, please follow other related articles on the PHP Chinese website!