父组件props传递的数据 如何在子组件monted中使用

在Vue框架中，父组件可以通过props将数据传递给子组件。在子组件中，我们可以通过在mounted钩子函数中访问这些props变量，并对它们进行进一步的处理和渲染。

具体来说，在子组件中，我们可以通过this.$props来访问父组件props传递的数据，例如：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
  mounted() {
    console.log(this.$props.message) // 打印父组件传递的message
  }
}
</script>

在上面的代码中，我们可以看到，在子组件的mounted钩子函数中，我们使用了this.$props.message来访问父组件传递的message数据。在mounted函数中，我们可以对这个数据进行处理或者渲染，例如输出在控制台上，或者在页面中展示这个数据。

需要注意的是，在子组件mounted函数中，this.$props.message只是一个只读的变量，我们无法对这个变量进行修改。如果我们需要修改这个变量，我们需要使用Vue的双向绑定或者事件机制来实现。