*7 vue2 响应式原理
创始人
2024-06-02 00:11:43

vue2 响应式原理

1、对象类型:通过 Object.defineProperty() 对属性的读取、修改进行拦截(参考http://t.csdn.cn/OStv5)

        - 问题:新增、删除属性,页面不更新

        - 解决:

                           Vue.set(位置,属性名,属性值)(需引入Vue)或

                           this.$set(位置,属性名,属性值)

                           Vue.delete(位置,属性名)(需引入Vue)或

                            this.$delete(位置,属性名)

2、数组类型:通过包裹数组更新元素的方式实现(参考http://t.csdn.cn/nJi9H 的第3部分)

        - 问题:通过下标修改数组,页面不更新

        - 解决:

                           Vue.set(位置,索引,内容)(需引入Vue)或

                           this.$set(位置,索引,内容)

                           Vue.delete(位置,索引)(需引入Vue)或

                            this.$delete(位置,索引)

                            使用修改数组的API(参考http://t.csdn.cn/nJi9H 的第4部分)


 

相关内容

热门资讯

苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...