vue路由跳转传参数使用props接受为什么是undefined

Question

看图，vue使用props路由跳转传递参数，为啥会说undefined?

Answer 1

你是通过路径跳转传参怎么用props接收呢？应该要父组件使用了子组件,例如：
父组件代码：

<template>
  <div>
  <Search :keywords="keywords" />
  </div>
</template>
<script>
import Search from "./components/search.vue";
export default {
  components: {
    Search
  },
  data() {
    return {
      keyword: ''
    }
}
}
</script>

子组件代码：

<template>
  <div>
  
  </div>
</template>
<script>
export default {
  props: {
    keyword: {
          type: String, // 这里才可以接收父组件传过来的参数
          default: ''
    }
  },
  data() {
    return {
      
    }
}
}
</script>

```