Vue中子组件获取父组件的属性值

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

如果对你有帮助麻烦点个赞谢谢~