vue父子组件传值炸了

Question

vue父组件向子组件传值，子组件显示未定义

相关代码

父组件代码

<template>
 <div>
     <inherit :ppp='msg'></inherit>
 </div>
</template>

<script>
import inherit from '@/components/inherit'

 export default {
   data () {
     return {
        msg:'100块'
     }
   },
   components: {
       inherit
   }
 }
</script>

<style>

 
</style>

子组件代码

<template>
 <div>
     <h1>子组件 --- {{ ppp }}</h1>
 </div>
</template>

<script>
 export default {
     data () {
         return {
             msg: 'dada'
         }
     },
   props: ['ppp']
 }
</script>

<style>

 
</style>

我通过路由访问父组件页面会渲染 子组件 --- 100块，因为我父组件data自己定义了，但是单独访问子组件，页面只会渲染 子组件 --- ，就没了，大佬们帮忙看下呗

Answer 1

我通过路由访问父组件页面会渲染 子组件 --- 100块，因为我父组件data自己定义了，但是单独访问子组件，页面只会渲染 子组件 --- ，就没了，大佬们帮忙看下呗

这个不是正常吗，ppp是从父组件传过来的值啊。

 data () {
     return {
         msg: this.ppp|| 'dada'
     }
 },

<h1>子组件 --- {{ msg }}</h1>

你应该是这个意思吧