vue中子组件与父组件数据之间的相互调用

最近练手了一个项目，是这样的一个页面我拆分成了父组件（test.vue）和子组件（use_select.vue）

一、父组件怎么引用子组件:

首先在父组件的js内用import引入子组件（后缀名省略了）：

import UserSelectDiv from "./user_select";

然后再data下面同级的部分写一个components对象：

components: {
    UserSelectDiv: UserSelectDiv
  }

也可以直接省略冒号和后边的 UserSelectDiv，

最后在页面要显示的部分以标签的形式写入：

 <UserSelectDiv></UserSelectDiv>

二：父组件怎么给子组件传值：

父组件给子组件传值用到了v-bind属性，将所有的数据绑定到子组件中：

 <UserSelectDiv :indexs="indexs"></UserSelectDiv>