kaminonya的博客

源码里，scoped是通过postCss中的一个插件来处理的，接收一个css文件和一个api来分析，修改它的规则（css抽象树的方式），跟babel类似。中进行定义了，可以挂载到app（createApp）上，这样全局都可以访问到，之前全局定义的组件也是在main.ts中。执行watch的对应队列，flush:pre的，顺序队列，父级在子级前创建，然后执行flush:post的回调。我形容的是我的理解，更深入的了解请到官网。然后使用的方法，可以是class，也可以是属性形式，还可以使用一些内设好的样式。

directive 在vue3也是破坏性更新。生命周期大调整。//vue2的形式//每当指令绑定到元素上时，会立即执行这个bind函数，只执行一次},//inserted表示元素插入到DOM中时，会执行inserted函数，//insert方法只触发一次，el表示被绑定的那个标签元素console.log(binding.name) // 标签名console.log(binding.value) // 值console.log(binding.expression) // 表达式。

实例要实现的是这样的效果，宽度一样，高度不同，在高度最小的位置插入，然后错落有序排列。 思路是：一个list数组，记录的是高度和颜色，通过循环实现排列。 waterList 维护好四个变量 height，background，top，left，可以实现定位。 十，全局组件 全局组件，在全局注册后，任何组件中都可以直接使用。需要用到 component 函数。 十一，递归组件 我们要写一个tree组件，有name,check,还有children，那children里的结构和展示完全相同，那

通过。