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>