第一种情况:

html代码:

vue中$refs的使用_$refs

js代码:

vue中$refs的使用_$refs_02

输出结果:

vue中$refs的使用_vue_03

此时输出的都是dom元素了

第二种情况:  把div换成一个组件

1 首先写一个box.vue的组件

vue中$refs的使用_$refs_04

2 编写test.vue组件 在该组件中使用上面的box.vue组件

html:

vue中$refs的使用_vue_05

js:

vue中$refs的使用_$refs_06

查看此时的输出结果是:

vue中$refs的使用_vue_07

查看该组件的详细信息:

vue中$refs的使用_$refs_08

如果想在test.vue组件中调用box.vue中的方法或属性,怎么写?

vue中$refs的使用_vue_09