vue中$refs的使用

第一種情況:

html代碼:

js代碼:

輸出結果:

此時輸出的都是dom元素了

第二種情況:  把div換成一個組件

1 首先寫一個box.vue的組件

2 編寫test.vue組件 在該組件中使用上面的box.vue組件

html:

js:

查看此時的輸出結果是:

查看該組件的詳細信息:

如果想在test.vue組件中調用box.vue中的方法或屬性,怎麼寫?