vue.set的作用-创新互联
这篇文章主要介绍了vue.set的作用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：
成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的
玉门网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
vue.set的作用：1、通过【Vue.set】方法设置data属性，代码为【Vue.set(data,'sex', '男')
】；2、使用【vm.$set】实例方法，代码为【var key = 'content';】。
vue.set的作用：
当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；
如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
vue $set
姓名：{{ name }}
年龄：{{age}}
性别：{{sex}}
说明：{{info.content}}
运行结果：
姓名：创新互联网站建设公司，
年龄：3
性别：
说明：my name is test
在age及name都有get和set方法,但是在sex里面并没有这两个方法，因此，设置了sex值后vue并不会自动更新视图；
解决方法：
1、通过Vue.set方法设置data属性，如上：
Vue.set(data,'sex', '男')
2、您还可以使用 vm.$set实例方法，这也是全局 Vue.set方法的别名:
var key = 'content'; //这种主要用于当对象中某个属性值动态生成时处理方式
this.$set('info.'+key, 'what is this?');
//或
this.$set('info.content', 'what is this?');感谢你能够认真阅读完这篇文章，希望小编分享的“vue.set的作用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!
当前标题：vue.set的作用-创新互联
转载源于：
http://cdxtjz.com/article/ddjogs.html
