vue项目架构

本文探讨了在没有前期规划的情况下,通过学习iOS项目架构的经验教训,如何为Vue.js项目设计合理的架构。作者强调了网络API的分层封装、Vue的激活阶段、router API的使用、计算属性的概念以及组件命名的重要性。通过实例和指南,帮助读者理解如何更好地适用于Vue项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目架构

前几天刚刚了解了一些iOS项目的架构,觉得感慨万分,如果在我的项目成型之前读到这些文章该多好,至少我的项目架构会考虑的更全面一些。
吃一堑,长一智,所以手头上的vuejs搭建的kd云之家的项目架构要提前考虑好。
公司没有人搞过vue,前端工程师姐姐也是第一次搞,何况我这个iOS出身的。百度吧,百度不行就谷歌。


搜到一个项目,和一篇文章。项目不错,文章有指导意义,虽然作者很谦虚。。。

  1. 看项目最直观的是网络 api 的封装,分两层,网络请求封装为一层(get,post),对外业务层封装为一层
  2. 项目不大,其他最重要的倒是对vue的准确适用

    • router API
      router API在vue页面中
      route: {
      data(transition) {
      var params = transition.to.params;
      api.cafe.topics(params.slug, params.page, resp => {
      transition.next({
      pagination: resp.pagination,
      topics: resp.data,
      });
      });
      }
      },

    在激活阶段被调用,在 activate 被断定( resolved ,指该函数返回的 promise 被 resolve )。用于加载和设置当前组件的数据。


  3. 可见对于页面的初始化加载,用这个比用ready,create要正
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值