vue 向子组件传值, watch 能监听的到值 但是methods里获取不到props值

在Vue中，可以通过props来向子组件传递值。在子组件中，可以使用watch来监听父组件传递的props值的变化。但是在methods中直接获取props的值是不可能的，因为props的值是只读的，它们只能从父组件中传递给子组件，而无法在子组件中修改。

Vue的props是单向数据流，父组件传递给子组件的值只能在子组件中使用，而无法修改或更新。如果子组件需要根据props的值来进行一些操作或计算，可以在子组件中使用watch来监测props的变化，并且在watch的回调函数中进行相应的操作。

例如：

<template>
  <div>
    <p>父组件传递的值：{{ propValue }}</p>
  </div>
</template>

<script>
export default {
  props: ['propValue'], // 接收来自父组件的propValue值
  watch: {
    propValue: function(newVal, oldVal) {
      console.log('props的值发生变化：', newVal);
      // 在这里进行相应的操作
    }
  }
}
</script>

在上述代码中，当父组件传递的propValue值发生变化时，watch会自动触发回调函数，并将新值的参数(newVal)和旧值的参数(oldVal)传递给回调函数。可以在回调函数中对propValue的值进行相应的操作。

但是需要注意的是，如果你想在子组件的methods中直接获取或修改props的值，是不被允许的。如果你需要在子组件中对props的值进行操作，可以通过在子组件中定义一个data属性，并将props的值赋给data属性，然后在methods中对data进行操作。