vue3子组件接收参数计算属性

引用\[1\]中的代码展示了一个Vue组件的示例，其中子组件通过props接收了一个名为parenParamsTest的参数，并在模板中使用了这个参数。子组件还定义了一个名为parentNotic的方法，当点击按钮时，会通过$emit方法向父组件发送一个名为parentNotic的事件，并传递一个包含name和val属性的对象作为参数。

引用\[2\]展示了在父组件中引入子组件的代码，通过ref属性可以获取到子组件的实例，并通过@parentNotic监听子组件触发的parentNotic事件。

引用\[3\]展示了一个完整的父组件代码，其中包含了一个名为getParams的方法，通过$refs属性获取到子组件的实例，并可以通过实例的属性获取到子组件的属性值。在父组件中定义了一个名为parentNotic的方法，用于处理子组件触发的parentNotic事件。

根据你的问题，如果你想在子组件中使用计算属性来接收参数，你可以在子组件中定义一个计算属性，然后在模板中使用这个计算属性来获取父组件传递的参数。例如：

export default {
  name: "ChildComponent",
  props: \['parenParamsTest'\],
  computed: {
    computedParam() {
      // 在这里对父组件传递的参数进行计算
      return this.parenParamsTest + '计算后的值';
    }
  }
}

然后在子组件的模板中使用这个计算属性：

<template>
  <div>
    {{ computedParam }}
  </div>
</template>

这样子组件就可以通过计算属性来接收并处理父组件传递的参数了。
#### 引用[.reference_title]
- *1* *2* *3* [vue父组件调用子组件属性，父组件往子组件传递参数，子组件传参并触发父组件方法](https://blog.csdn.net/weixin_38860401/article/details/118001148)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]