vue中小型项目开发浅谈

Posted mrzhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中小型项目开发浅谈相关的知识,希望对你有一定的参考价值。

组件的本质
  组件的本质就是一个可以交互的视图模板


controller去哪了
  在react中存在展示组件与容器组件,其中展示组件展示单纯的展示,而容器组件里面则是react与redux沟通的桥梁,而redux是包含业务逻辑的地方,所以controller存在于react的容器组件中,但是在vue中没有容器组件的概念,然而我们可以编写出一个容器组件,用于存在其他展示组件,这通常是一个页面或者是页面里的某个模块


是否需要model层
  对于中小型项目,大部分业务逻辑都已经被node中间层给处理了,前端只是单纯的拿到数据 展示数据,并不存在复杂的业务逻辑,但也不是完全没有业务逻辑,单纯开辟一个model层太过于浪费,是否可以将model层放于容器组件之中?


真的需要vuex吗
  vuex是为了解决组件间数据共享,组件数据深层传递问题,但是并不是只有vuex才可能解决这个问题,组件间数据共享可以用sessionStorage,深层传递可以用provide/inject


mvc在前端
  mvc的本质是大型项目的解耦,其解决办法是业务逻辑于视图的分离,然而什么是视图层,什么是业务逻辑层,并不是说 放在pages里面就是视图层,放在model里面就是数据层,本质在于你如何分离你的代码,在上面 我将业务逻辑放在容器层里面,而将视图层 分散在组件里面,这是因为中小型项目没有必要单独扩展出一个model层,中小型项目根本不需要mvc,但是mvc的思想依然值得我们借鉴,即代码的抽象分离


混入的重要性
  一旦我们取消了model层,对于中型项目而言,我们肯定是存在一些共用的业务逻辑的,我们需要将共用的部分抽离到混入中

以上是关于vue中小型项目开发浅谈的主要内容,如果未能解决你的问题,请参考以下文章

阿里架构师:浅谈大型项目前端架构设计

浅谈Tomcat安装

浅谈vue项目进阶开发-vuex篇

浅谈Vue项目优化

浅谈Vue 项目性能优化 经验

小柚智汇-Vue项目之浅谈性能优化