vue中$refs的使用

第一种情况:

html代码:

js代码:

输出结果:

此时输出的都是dom元素了

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

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

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

html:

js:

查看此时的输出结果是:

查看该组件的详细信息:

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