从父组件中获取子组件的值

父组件中获取子组件中的值（三种的方式）

1.  this.$root.子组件中的值
2.  this.$parent.子值         $parent是一级一级访问的，如果子组件多的话需要多个$parent

3. <base-input ref="usernameInput"></base-input>
   this.$refs.usernameInput
  
  还可以操作一些方法
  <input ref="input">
  
	methods: {
	  // 用来从父级组件聚焦输入框
	  focus: function () {
	    this.$refs.input.focus()
	  }
	}

当 ref 和 v-for 一起使用的时候，你得到的 ref 将会是一个包含了对应数据源的这些子组件的数组。

$refs 只会在组件渲染完成之后生效，并且它们不是响应式的。
这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。

计算属性是基于它们的响应式依赖进行缓存的，然而$refs不是响应式的

关于官网接下来的vue中的provide和inject

provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中。

如果感兴趣，可以看一下这位大哥的博客
https://blog.youkuaiyun.com/wqliuj/article/details/108738690