vue.js - Vue 组合 api - 将变量传递给我的组件 data() 选项？

Question

如果我在setup中设置了一个var

 setup(props, context) {
    
        let name = "Tommy";
    }

是否可以设置它以便在组件中使用它？

data() {
    return {
      myName: name
    }
  },

我可以在模板中访问它，但不能在任何组件方法中访问。即使我把它放在 onMounted Hook 中。

setup(props, context) {
  
    onMounted(() => {
    let name = "Tommy";
    }
}

Answer 1

选项 api 的行为不同于组合 api，并且在两个 api 之间交换属性/方法是一种不好的做法，在您的情况下，您可以在设置 Hook 中定义一个属性并将其公开给模板:

import {ref} from 'vue'

 setup(props, context) {
      const name = ref("Tommy");
      
  return{
    myName:name
   }

}