子组件在函数中运用父组件传来的值

子组件可以通过props属性接收父组件传递的值，并在组件内部的函数中使用这些值。具体实现方法如下：

1.在父组件中定义一个变量，将其作为prop传递给子组件：

<template>
  <div>
    <child-component :parentValue="value"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 'hello world'
    }
  }
}
</script>

2.在子组件中通过props接收父组件传递的值，并在组件内部的函数中使用：

<template>
  <div>
    <button @click="handleClick">{{ parentValue }}</button>
  </div>
</template>

<script>
export default {
  props: {
    parentValue: {
      type: String,
      default: ''
    }
  },
  methods: {
    handleClick() {
      console.log(this.parentValue)
    }
  }
}
</script>

在上述代码中，子组件通过props接收了父组件传递的值parentValue，并在handleClick函数中使用了这个值。