Vue小知识8.ref的使用

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例

在我理解，ref的应用之一就是可以将外部组件引用

在做项目中的应用方法之一：将一个BlockTaskAdder的外部组件引用到现在控制界面，实现弹窗功能

示例代码如下：

    <block-task-adder
      ref="BlockTaskAdder"
      :region-id="regionId"
      :block-id="blockId"
      :visible.sync="addTaskDialogShow"/>

import BlockTaskAdder from './models/blockTaskAdder'

export default {
  name: 'BlockTasks',
  components: { BlockTaskAdder }
   //其余代码
}