vue3中vue和@vue/runtime-core的区别

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的区别