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.delete 的實現Vue面試delete
- 簡單介紹Vue之vue.$set()方法原始碼案例Vue原始碼
- Vue作為元件在前端專案中的應用&Vue.set 的用法Vue元件前端
- 【譯】Array與Set的異同及使用場景
- lombok get/set 與 JavaBean get/setLombokJavaBean
- Vue中的$set的使用Vue
- JavaScript Set與WeakSetJavaScript
- MySQL中ENMU和SET的使用MySql
- 私有屬性的Get Set 與 Public
- Redis中PipeLine使用(二)---批量get與批量setRedis
- Redis 中的 set 和 sorted set 如何使用,原始碼實現分析Redis原始碼
- mysql find_in_set()函式的使用MySql函式
- oracle set 使用命令Oracle
- java中Map,List與Set的區別Java
- 解除get/set束縛的神器,Lombok的使用Lombok
- sqlplus set命令使用SQL
- JavaScript中的new map()和new set()使用詳細(new map()和new set()的區別)JavaScript
- 如何使用 Set 來提高程式碼的效能
- JAVA--set介面及其實現類的使用Java
- 使用find_in_set()函式的注意事項函式
- redis 簡單使用(Sorted-Set)Redis
- 【ES6基礎】Set 與 WeakSet
- 【Mysql】instr與find_in_set與regexpMySql
- 【譯】使用Set使你的程式碼執行更快
- Python列表中set函式的使用方法!Python函式
- 【Django】關聯查詢set.all() 方法的使用Django
- 原型鏈上的get與set訪問器屬性原型
- set autot traceonly與explain plan for的一點小區別AI
- Java學習--list,set,Map介面使用Java
- List ,Set,Map集合與陣列互轉陣列
- alter system set event和set events的區別
- C++ 標準庫 std::set std::multiset swap()的使用C++
- vue的set apiVueAPI
- set 的應用
- Oracle裡的setOracle
- protobuf 中的巢狀訊息的使用 主要對set_allocated_和mutable_的使用巢狀
- Set