vue中以this.$xx的屬性詳解


this.$el

獲取Vue實例關聯的DOM元素;vue中也是允許進行dom操作的(但是不建議)

注意this.$el關聯的是真實Dom,所以需要在mounted渲染真實Dom之后才可以使用了

this.$refs 

獲取頁面中所有含有ref屬性的DOM元素(如vm.$refs.hello,獲取頁面中含有屬性ref = “hello”的DOM元素,如果有多個元素,那么只返回最后一個)

this.$options

獲取Vue實例的自定義屬性(如this.$options.methods,獲取Vue實例的自定義屬性methods)

this.$data

獲取Vue實例的data選項(對象)

 

 

 

 

console.log(app.$el);

返回Vue實例的關聯DOM元素,在這里是#container

console.log(app.$data);

返回Vue實例的數據對象data,在這里就是對象{msg:”hello,2018“}

console.log(app.$options.address);

返回Vue實例的自定義屬性address,在這里是自定義屬性address

console.log(app.$refs.hello)

返回含有屬性ref = hello的DOM元素(如果多個元素都含有這樣的屬性,只返回最后一個)<h3 ref = "hello">測試{{msg}}</h3>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM