学习Vue3的过程中遇到的问题

  1. 问题一:从次级路由页面跳转至一级路由页面时,一级路由页面空白,需要再次刷新才能获取数据:
    解决方法:为次级路由页面添加根元素。

  2. 在全局加入v-属性:
    在这里插入图片描述

  3. 问题二:script里的变量无法暴露给template
    解决方法:禁用Vetur,关闭项目文件夹后再次重新打开项目文件夹。

  4. 问题三:vite打包部署后页面出不来。👉参考资料一 👉参考资料二 👉参考资料三
    注意事项:
    前端需要配置:
    在这里插入图片描述

  5. 问题三:登录无角色权限的账号时出现如图的报错。
    在这里插入图片描述
    解决方法:清除本地缓存。
    在这里插入图片描述

  6. 如何在style里使用js变量:v-bind
    在这里插入图片描述

  7. 同一页面复用同一组件时出现数据覆盖情况:
    参考:在同一页面复用vue-schart组件时数据覆盖。👉解决方法

  8. Property ‘env’ does not exist on type ‘ImportMeta’:
    解决方法:
    在这里插入图片描述

  9. Flag ‘importsNotUsedAsValues’ is deprecated and will stop functioning in TypeScript 5.5. Specify ‘ignoreDeprecations: “5.0”’ to silence this error. Use ‘verbatimModuleSyntax’ instead。:👉解决方法

  10. 路由跳转(router.push)之后,页面空白,手动刷新后才能正确显示页面(根本原因:route=》matched=》instance=>default为null):
    解决方法:在路由配置里手动添加自定义的route重载方法

  11. 如何使用svg:
    👉参考资料一
    👉参考资料二
    👉参考资料三
    👉参考资料四

  12. 如何使用cron表达式:👉参考资料

  13. 啊这:

  14. 啊这:

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
学习Vue监听器、生命周期、组件通信和路由的过程,我也遇到了一些问题。以下是我遇到的一些问题以及解决方法: 1. 监听器无法正常工作:有时候我发现我的监听器无法正确地追踪数据的变化。这可能是因为我没有正确地定义监听器或者没有在正确的地方使用它们。解决方法是仔细检查监听器的定义和使用位置,并确保它们被正确地绑定到Vue实例上。 2. 生命周期钩子函数执行顺序:理解Vue的生命周期钩子函数执行顺序可能会有一些困惑。有时候我会在不同的钩子函数执行相同的操作,但由于执行顺序不同,结果可能出乎意料。解决方法是仔细研究Vue官方文档有关生命周期钩子函数执行顺序的说明,并根据需要调整代码逻辑。 3. 组件通信方式选择:在处理组件通信时,有时候我会犹豫选择props还是自定义事件。这取决于数据流的方向以及组件之间的关系。解决方法是仔细考虑数据流的需求,并根据情况选择合适的通信方式。如果是父组件向子组件传递数据,可以使用props;如果是子组件向父组件通知事件,可以使用自定义事件。 4. 路由配置错误:在配置Vue路由时,我有时会遇到路由无法正确匹配或者导航到指定页面的问题。这可能是因为我没有正确地定义路由规则或者导航链接的路径有误。解决方法是仔细检查路由配置和导航链接,并确保它们的路径是正确的。 5. 路由导航守卫问题:在使用路由导航守卫时,我可能会遇到一些逻辑上的困惑。例如,在`beforeEach`导航守卫如何正确地处理异步操作或者如何根据条件进行路由拦截。解决方法是仔细研究Vue官方文档关于导航守卫的说明,并根据需要使用合适的钩子函数和逻辑来处理路由拦截和操作。 总的来说,对于遇到问题,我会仔细研究Vue官方文档和相关资料,并利用搜索引擎寻找解决方案。另外,参与Vue社区和论坛也是获取帮助和解决问题的好途径。不断学习和实践是掌握Vue监听器、生命周期、组件通信和路由的关键。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值