属性:
vm.
e
l
获
取
V
u
e
实
例
关
联
的
D
O
M
元
素
;
v
m
.
el 获取Vue实例关联的DOM元素; vm.
el获取Vue实例关联的DOM元素;vm.data
获取Vue实例的data选项(对象)
vm.
o
p
t
i
o
n
s
获
取
V
u
e
实
例
的
自
定
义
属
性
(
如
v
m
.
options 获取Vue实例的自定义属性(如vm.
options获取Vue实例的自定义属性(如vm.options.methods,获取Vue实例的自定义属性methods)
vm.
r
e
f
s
获
取
页
面
中
所
有
含
有
r
e
f
属
性
的
D
O
M
元
素
(
如
v
m
.
refs 获取页面中所有含有ref属性的DOM元素(如vm.
refs获取页面中所有含有ref属性的DOM元素(如vm.refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个)
Js代码
var app = new Vue({
el:"#container",
data:{
msg:“hello,2018!”
},
address:“长安西路”
})
console.log(app.KaTeX parse error: Expected 'EOF', got '#' at position 26: …实例的关联DOM元素,在这里是#̲container conso…data);
返回Vue实例的数据对象data,在这里就是对象{msg:”hello,2018“}
console.log(app.
o
p
t
i
o
n
s
.
a
d
d
r
e
s
s
)
;
返
回
V
u
e
实
例
的
自
定
义
属
性
a
d
d
r
e
s
s
,
在
这
里
是
自
定
义
属
性
a
d
d
r
e
s
s
c
o
n
s
o
l
e
.
l
o
g
(
a
p
p
.
options.address); 返回Vue实例的自定义属性address,在这里是自定义属性address console.log(app.
options.address);返回Vue实例的自定义属性address,在这里是自定义属性addressconsole.log(app.refs.hello)
返回含有属性ref = hello的DOM元素(如果多个元素都含有这样的属性,只返回最后一个)
特殊的ref和el
最新推荐文章于 2024-09-04 13:51:32 发布