- vue2中如何组织代码的：我们会在一个vue文件中中定义属性和方法，共同处理页面逻辑
- 优点：新手上手简单
-上图解释了 的缺点，一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，项目小还好，清晰明了，但是项目大了后，一个中可能包含很多个方法，往往分不清哪个方法对应着哪个功能，而且当你想要新增一个功能的时候你可能需要在 中都要写一些东西，但是这个时候每个选项里面的内容很多你需要上下来回的翻滚，特别影响效率。
- 缺点：学习成本可能会增加，以前的思维方式也要转变
- 优点： 是根据逻辑相关性组织代码的，提高可读性和可维护性，基于函数组合的 API 更好的重用逻辑代码（在中通过重用逻辑代码，容易发生命名冲突且关系不清） 最大的优点通俗的讲就是把跟一个功能相关的东西放在一个地方，它是目前最合理也是最容易维护的，你可以随时将功能的一部分拆分出去。你可以将每一个功能相关所有的东西比如，都放在如上图的中，这个可以独立的存在，可以放在一个TS文件中，也可在中单独发布，最终把他们组合起来
下面举个简单例子，将处理count属性相关的代码放在同一个函数了
讯享网
组件上中使用count
讯享网
可以很清楚地感受到 在逻辑组织方面的优势，以后修改一个属性功能的时候，只需要跳到控制该属性的方法中即可
在中，我们是用过去复用相同的逻辑
下面举个例子，我们会另起一个文件
然后在组件中使用
讯享网
使用单个mixin似乎问题不大，但是当我们一个组件混入大量不同的 mixins 的时候
会存在两个非常明显的问题：
- 命名冲突
- 数据来源不清楚 现在通过这种方式改写上面的代码
讯享网
在组件中使用
可以看到，整个数据来源清晰了，即使去编写更多的 函数，也不会出现命名冲突的问题
- 在逻辑组织和逻辑复用方面，是优于
- 因为几乎是函数，会有更好的类型推断。
- 对 友好，代码也更容易压缩
- 中见不到的使用，减少了指向不明的情况
- 如果是小型组件，可以继续使用，也是十分友好的
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/179780.html