vue 子组件属性的传值

Question

The data property "navIndex" is already declared as a prop. Use prop default value instead.

这句话是什么意思啊？

Answer 1

prop中已经有navIndex了，data不能在有~

Answer 2

prop代表父组件向子组件发送的数据，是不能在子组件的data中重复定义的

export default {
      name: 'AddModal',
      props: ['navIndex'],
      data(){
          // 不能有navIndex
      }
}

父组件中调用子组件进行传递这个值，parentNavIndex这个值应该是在父组件的data中的

<Model :navIndex="parentNavIndex"></Model>

Answer 3

父组件内

<child :message="message"></child>
//child 是一个子组件
export default {
    components:{
        child
    }
    data(){
        message:''  
    }
}

子组件内

export default {
    props:['message']
}

Answer 4

传入的props重名了吧，提示你手动定义静态props