prop 注意事项

vue 子组件属性的传值

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

这句话是什么意思啊？

 

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

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

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

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