vue中$refs的使用

第一种情况:获取dom

html代码:

 

js代码:

 

输出结果:

 

此时输出的都是dom元素了

第二种情况:  组件之间通信，把div换成一个组件

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

 

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

html:

 

js:

 

查看此时的输出结果是:

 

查看该组件的详细信息:

 

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