父传子
-
在同一.vue文件中，在子组件可直接使用
<el-tabs type="card" @tab-click="handleClick()"> <el-tab-pane v-for="(value,index) in keys" :key="value" :label="value+'配置'" > <div class="connect_tab"> <div class="content"> <el-form ref="form" label-width="100px"> <el-form-item label="活动名称："> <el-input :value="index"></el-input> </el-form-item> <el-form-item> <el-button type="primary">立即配置</el-button> </el-form-item> </el-form> </div> </div> </el-tab-pane> </el-tabs> -
在不同.vue文件中，
- 值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件的data中定义值
- 父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件，就可以在父组件和子组件链接的地方（即引用子组件的标签上），把父组件的值绑定给子组件
> <zi-module :value></zi-module> - 子组件内部肯定要去接受父组件传过来的值：props（小道具）来接收：
