前言 接上文：谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo 上次写完博客后，有朋友反应第一内容有点深，看着迷迷糊糊；第二是感觉没什么使用场景，太过业务化，还不如直接写Vue&react的源码分析，我感觉这里有必要说下我的认识。 首先，要写源码分析很难，第一 ...

一切从需求出发，一切向功能看齐。我们讨论一个东西的时候，首先要知道它是干什么？ 例如一个登录界面UI： html和css写好了，放到了render函数中： 需求是这样的：想要获取真实dom，在react中怎么实现呢？用什么要获取真实的dom,因为react在render中 渲染 ...

组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任意类型的应用界面都可以抽象为一个组件树。组件化能提高开发效率，方便重复使用，简化调试步骤，提升项目可维护性，便于多人协同开发。 组件通信 props 父给子传值 自定义 ...

无状态组件 例子：点击查看大图 参数完全由父容器提供，样式如下 有状态组件 例子：按钮点击计数 支持从父容器传递样式更改。 使用 componentWillReceiveProps 是为了能把父组件的 value 同步给子组件。完整的组件数据传递就该是 父传子，触发子 ...

在前端开发中为了提高网页的开发效率，提高代码的复用率，同时降低块与块之间的耦合性。 产生了组件化、模块化让我们解决问题的方法 组件化更多关注的是UI部分，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。 我们可以把他放在页面 ...

随着前端的不断发展，前端已经不仅仅是一个简单依据需求完成网页开发的过程， 如何提高网页开发效率，提高代码复用率，降低块与块之间的耦合性是我们需要思考的问题， 而前端的组件化、模块化让我们能解决这样的问题。 　　组件化更多关注的UI部分，页面的每个部件，比如头部，内容区，弹出框甚至确认按钮 ...

2月最后一天，而且还四年一遇，然而本月居然一篇博客没写，有点说不过去。所以，今天就来谈谈Vue的递归组件。我们先来看一个例子： See the Pen <a href='https://codepen.io/imgss/pen/QWbveLg'>递归组件</a> ...

在观看了b站的关于Vue3的教学视频后，对Vue的根组件与组件树进行简单的总结下 一、实例化Vue应用 需要注意的是这个app并不是根组件,而是Vue应用的实例。 二、根组件的挂载 了解组件的话，我们知道在组件中，一般都会有一个template属性，那么根组件 ...