1. 区别
引用@vue/runtime-core的api,在生产环境下数据不是响应式的,在开发环境是响应式的。所以会出现本地调试正常,打包部署后异常的情况。
2. 正确写法
import { defineComponent, Ref, ref } from 'vue';
3. 错误写法
import { defineComponent, Ref, ref } from '@vue/runtime-core'
4. vscode规避
禁用vetur
插件,开启volar
插件
- vetur + Vue@cli是为vue2而生的,
- volar + vite是为Vue3而生的.
参考
vue和@vue/runtime-core的区别