开发vue项目遇到的坑，请给解惑一下

用脚手架之类的搭建出来的项目差强人意，要么和浏览器不兼容，要么插件和vue版本不兼容。我还是喜欢像以前玩jQuery那样直接引入vue.js库，手撸代码。咨询一下，怎么才能把写好的组件变成js文件，然后直接引入，直接用。

Vue和JQuery的区别在哪里？为什么放弃JQuery用Vue？

• jQuery是直接操作DOM，Vue不直接操作DOM，Vue的数据与视图是分开的，Vue只需要操作数据即可

• jQuery的操作DOM行为是频繁的，而Vue利用虚拟DOM的技术，大大提高了更新DOM时的性能

• Vue中不倡导直接操作DOM，开发者只需要把大部分精力放在数据层面上

• Vue集成的一些库，大大提高开发效率，比如Vuex，Router等

具体描述一下 ‘坑’？

"dependencies": {
"axios": "^0.21.4",
"element-plus": "^1.1.0-beta.12",
"vue": "^3.2.6",
"vue-router": "^4.0.11"
},"devDependencies": {
"@vitejs/plugin-vue": "^1.6.0",
"@vue/compiler-sfc": "^3.0.5",
"vite": "^2.5.1"
}
用的这个版本。打包后，在egde打不开网页。显示SCRIPT5022错误。用element-plus 框架 导航菜单的时候分组一 报错，不能写slot="title" 要改成v-slot:title 这样不报错但是还是显示不正常。百度了一下几个方案，未解决问题。最后有人说可能是框架和最新的vue不兼容。

Vite+Vue3.0有坑，直接用@vue/cli 4.5.13 打包 edge可以打开网页

想变成js文件引入，是不可能了，vue都是直接引入组件(vue文件)
vue对前端程序员以及很友好了，如果你不适应，请慢慢去适应；如果不想适应，那你还是去用jquery吧，