vue 前端组件化拆分原则（个人总结，非官方）

详尽可转前端组件拆分思路及通信设计（vue2.0）-组件拆分原则-vue组件-vue组件拆分原则

一.公共功能点

例：页头，侧边栏，底部

二.可复用组件

例：购物车卡片等一样样式的地方

三.独立逻辑点

例：弹窗内部的表单，tab页，单个select的远程搜索，页面上中下多层结构拆分多个组件等
如果对性能有要求需考虑

四.代码数目过500行

一般来说不会这么多代码，可以考虑拆分

五.常量配置

建议扔独立js文件
例：echart的option部分数据，表单rules

六.全局配置类

例：常量池，混入mixin池，枚举池

vue 前端组件化拆分原则（个人总结，非官方）相关推荐

什么是前端组件化开发
为什么要组件化开发有时候页面代码量太大,逻辑太多或者同一个功能组件在许多页面均有使用,维护起来相当复杂,这个时候,就需要组件化开发来进行功能拆分.组件封装,已达到组件通用性,增强代码可读性,维护成本 ...
谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo
谈谈我对前端组件化中"组件"的理解,顺带写个Vue与React的demo 前言前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的 ...
如何通过 Vue＋Webpack 来做通用的前端组件化架构设计
目录: 1. 架构选型 2. 架构目录介绍 3. 架构说明 4. 招聘消息目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs.angularjs.emberj ...
爱奇艺知识WEB前端组件化实践
组件化作为一种开发模式,其在代码复用,提高开发效率上的效果被广泛认可.组件化思想适用于移动端.Web前端.PC端.TV端等多种类型的客户端和前端开发. 本文主要讲述爱奇艺知识 WEB 前端团队如何结合 ...
html 组件化编辑器,谈谈前端组件化
一.什么是组件化什么是组件化?不同的人对组件化有着不同理解,我理解的组件化是一种编程思想,是一种拆分代码的方式.对前端开发来说,大到一个页面,小到一个html标签都可以说是一个组件.组件化的概念并不 ...
Vue.js组件化开发实践
Vue.js组件化开发实践前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...
组件化开发实战_一篇文章搞懂什么是前端“组件化”开发
学过网页的朋友都知道,制作一个网页离不开HTML.CSS和JavaScript技术.对于初学者来来说,掌握这3门技术就已经很不容易了,为什么前端为什么又要搞出来一个"组件化"开发的 ...
VUE.JS 组件化开发实践
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模 ...
前端组件化和模块化最大的区别是什么_7招提升你的前端开发效率
前言前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. ...