vue中$refs的使用

第一种情况:获取dom

html代码:

vue中$refs的使用

 

js代码:

vue中$refs的使用

 

输出结果:

vue中$refs的使用

 

此时输出的都是dom元素了

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

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

vue中$refs的使用

 

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

html:

vue中$refs的使用

 

js:

vue中$refs的使用

 

查看此时的输出结果是:

vue中$refs的使用

 

查看该组件的详细信息:

vue中$refs的使用

 

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

vue中$refs的使用