vue2 setup() 方法下如何获取props的值

vue yekong

vue2项目开发中,有一个组件是用setup方法来写的,这里需要在setup里获取props的值.

在 Vue 2 中,可以在 setup 函数中直接获取 props 的值。propssetup 函数的第一个参数,它是一个对象,包含了所有传递给组件的 prop 的值。

以下是一个示例:

export default {
  props: ['foo'],
  setup(props) {
    console.log(props.foo) // 输出传递给 foo prop 的值
    // ...
  }
}

在这个示例中,我们首先在组件的选项中定义了一个名为 foo 的 prop。然后,在 setup 函数中,我们可以通过 props.foo 来访问这个 prop 的值。

喜欢