能够将同一个逻辑关注点相关代码收集在一起 新的 setup 选项在组件创建之前执行，一旦 props 被解析，就将作为组合式 API 的入口 在 setup 中你应该避免使用 this，因为它不会找到组件实例。 setup 的调用发生在 dataproperty、computed property 或 methods 被解析之前，所以它们无法在 setup 中被获取。 setup 选项是一个接收 props 和 context 的函数, setup 返回的所有内容都暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板 <script> export default { name:‘App’, /* data () { return { dataValue: ‘data 示例内容’ } }, */ setup () { const setupValue = ‘setup 示例内容’ return { setupValue } }, beforeCreate () { console.log(‘beforeCreate’) } } </script> <template> <divv-text=“setupValue“/> </template> <style> </style>