使用vite打包后 属性丢失

[yjj5855]

Describe the bug

在 script setup 中定义的属性, 在script 中无法获取, 开发环境可以获取, 使用 vite build 打包后无法获取 输出undefined

Reproduction

<script setup>
import {ref} from 'vue'
const ref_form = ref(null)
</script>

<script>
export default {
  mounted() {
    setInterval(() => {
      console.log(this.ref_form)
    }, 500)
  }
}
</script>

<template>
  <div>
    <div ref="ref_form">
      asfasfsaf
    </div>
    {{ ref_form }}
  </div>
</template>

System Info

System:
    OS: Windows 10 10.0.19043
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 3.01 GB / 15.90 GB
  Binaries:
    Node: 16.13.1 - C:\Program Files\nodejs\node.EXE
    npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 92.0.4515.131
    Edge: Spartan (44.19041.1266.0), Chromium (96.0.1054.62)
    Internet Explorer: 11.0.19041.1202

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[yjj5855]

不是vite的问题 我使用vue cli 也创建了一个空项目 把代码改成上面这样 也是获取不到ref_form
应该是vue-next编译的问题吧?