昨天书写了一份Vue3的练手demo,发现各种用ref()、reactive()、watch()这几个函数完全不能够实现响应式,值得变化页面也不会有更新,仔细搜索发现,由于我使用的是VScode,插件装了Volar,有一些代码提示会自动引包,但是引入的却是不正确的,例如watch这个函数根据代码提示引入的是:
import { watch } from '@vue/runtime-core'
这个包的,应该将包名改成常见的vue即可
import { getCurrentInstance, ref, watch } from 'vue'