Vue3:ref 引用与动态组件

1、ref引用

1.1 什么是 ref 引用

• ref 用来辅助开发者在不依赖于jQuery 的情况下，获取 DOM 元素或组件的引用。
• 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的DOM 元素或组件的引用。默认情况下，组件的 $refs 指向一个空对象。
• 

1.2 使用 ref 引用 DOM 元素

• 如果想要使用 ref 引用页面上的 DOM 元素，则可以按照如下的方式进行操作：
  • 

1.3 使用 ref 引用组件实例

• 如果想要使用 ref 引用页面上的组件实例，则可以按照如下的方式进行操作：
  • 

1.4 控制文本框和按钮的按需切换