Vue.set與vue.$set的使用
區別:Vue.set 可以設定例項建立之後新增的屬性,如sex,而this.$set只能設定例項建立後存在的屬性。
var sdata = { name:'book', age:'2', info:{ content:'lalala' } } new Vue({ el:"#root",//掛載點,與名為root的dom元素做繫結 data: { msg:'hello Vue', sdata:sdata }, methods:{ }, mounted(){ this.$set(this.sdata,'sex','male');//使用$set給sdata新增新屬性 console.log('a:'+this.sdata.sex); Vue.set(this.sdata,'sex','male');//使用set給sdata新增新屬性 console.log('b:'+this.sdata.sex); } })
結果:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4301/viewspace-2823692/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Vue.set()實現資料動態響應Vue
- 簡單介紹Vue之vue.$set()方法原始碼案例Vue原始碼
- [vue面試專問]Vue.set 和 Vue.delete 的實現Vue面試delete
- Vue作為元件在前端專案中的應用&Vue.set 的用法Vue元件前端
- 【譯】Array與Set的異同及使用場景
- lombok get/set 與 JavaBean get/setLombokJavaBean
- Redis中PipeLine使用(二)---批量get與批量setRedis
- JavaScript Set與WeakSetJavaScript
- STL使用篇__set
- 私有屬性的Get Set 與 Public
- Redis 中的 set 和 sorted set 如何使用,原始碼實現分析Redis原始碼
- mysql find_in_set()函式的使用MySql函式
- ES6中的Map與Set集合
- es6-Set與Map
- JavaScript中的new map()和new set()使用詳細(new map()和new set()的區別)JavaScript
- Python列表中set函式的使用方法!Python函式
- 如何使用 Set 來提高程式碼的效能
- JAVA--set介面及其實現類的使用Java
- redis 簡單使用(Sorted-Set)Redis
- 【ES6基礎】Set 與 WeakSet
- 【譯】使用Set使你的程式碼執行更快
- 原型鏈上的get與set訪問器屬性原型
- alter system set event和set events的區別
- C++ 標準庫 std::set std::multiset swap()的使用C++
- vue的set apiVueAPI
- set /?
- Set
- 探索 Elasticsearch 8.X Terms Set 檢索的應用與原理Elasticsearch
- 強大的set容器
- vue中$set的使用(結合在實際應用中遇到的坑)Vue
- map、unordered_map、set 和 unordered_set的小介紹
- C# 通過ServiceStack 操作Redis——Set型別的使用及示例C#Redis型別
- list與Set、Map區別及適用場景
- C++ 學習筆記(1):STL、Vector 與 SetC++筆記
- SEEDLab —— 環境變數與 Set-UID 實驗變數UI
- [Javascript] Perform Set Operations using JavaScript Set MethodsJavaScriptORM
- vue3計算屬性的可寫屬性 set 與 getVue
- Jet Set