Vue中子组件需要使用父组件的值
父组件:
// 引入子组件
<children :id="value"></children >
//value在data中定义
<script>
import children from './children '
export default {
data () {
return{
value: '1',
}
},
components: {
children
},
}
</script>
子组件:
// 在props中声明即可
<script>
export default {
props: ['id'],
}
此时子组件可直接使用id属性,值为父组件中的value