Vue3智能导包踩坑

错误发现

        在跟着学习vue3的生命周期函数时，发现自己与老师的智能代码提示导入的包不同，导致生命周期函数未能生效，后续发现不仅是生命周期函数，reactive函数一样不能生效。

        我的代码提示导包内容

import { onBeforeMount } from '@vue/runtime-core';

        老师的代码提示导包内容

import { onBeforeMount } from 'vue';

解决方法

        （1）禁用vetur插件

         （2）开启volar插件

         （3）重启vscode即可恢复正常

当然，也可以自己手动修改智能导包的内容(每次导入都要修改，过于麻烦)