顶呱呱做网站吗,企业建立企业网站有哪些优势?,五莲网站建设,开平建设局网站最近在做一个项目#xff0c;因为目标用户浏览器版本并不确定#xff0c;可能会有较旧版本#xff0c;于是采用vue2.7而不是vue3#xff0c;最近一年多使用vue3开发的项目都碰到了很多chrome 63-73版本#xff0c;而对应UI 库 element plus又问题很多。
为了不碰到这些问…最近在做一个项目因为目标用户浏览器版本并不确定可能会有较旧版本于是采用vue2.7而不是vue3最近一年多使用vue3开发的项目都碰到了很多chrome 63-73版本而对应UI 库 element plus又问题很多。
为了不碰到这些问题还是旧版的vue2兼容更好element ui用起来也更舒服。
但是在用vue2时候 不可能再选型2.6.x的版本因为选项API已经淘汰了如果不使用vue2.7支持的组合式API那么个人对vue的技术掌握就得不到提升。
但是在使用vue2.7.16的时候就有一个问题vue-router3.6.5不支持useRoute、useRouter 钩子函数这时就自己封装如下。
/*** 升级vue2.7辅助函数*/
import { getCurrentInstance } from vue
/** this.$store替换方案 */
export function useStore() {const { proxy } getCurrentInstance()const store proxy.$storereturn store
}
/** this.$route替换方案 */
export function useRoute() {const { proxy } getCurrentInstance()const route proxy.$routereturn route
}
/** this.$router替换方案 */
export function useRouter() {const { proxy } getCurrentInstance()const router proxy.$routerreturn router
}这样封装后有一个问题就是watch无法监听到 useRoute的结果。
希望以后vue-router3能加上useRoute、useRouter 钩子函数
