![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
探索Vue的组件世界
文章平均质量分 60
探索Vue的组件世界
路人i++
这个作者很懒,什么都没留下…
展开
-
探索Vue的组件世界-组件复用
函数接收一个组件作为参数,并返回一个新组件;可复用的逻辑在函数中实现。高阶函数的应用,装饰者模式的一种实现。左面子组件,右面是复用逻辑。原创 2023-05-20 13:15:00 · 1109 阅读 · 0 评论 -
探索Vue的组件世界-实现Vue插件
一个好的框架满足几大设计原则:开闭原则:对修改源码关闭,对功能扩展开放vue作为一个优秀的组件框架:满足开闭原则,提供良好的插件机制,以提供三方来扩展功能。原创 2023-05-19 08:30:00 · 331 阅读 · 0 评论 -
探索Vue的组件世界-组件通信
this.$parent 和this.$root会造成强耦合,不易于复用,如上图,同一个组件在不同父组件中使用,报错了。一级一级往上找直到找到name === componentName,把消息传过去。声明了当前组件依赖的父组件们(直系的祖宗)的外部prop有哪些。由此,为了解决这个问题引入了。Element-UI二次封装。原创 2023-05-18 08:30:00 · 231 阅读 · 0 评论 -
探索Vue的组件世界-组件设计
右边的slot是默认值,左边可以编辑自定义这个区域dom。父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。Web Components规范草案。原创 2023-05-17 20:43:56 · 137 阅读 · 0 评论 -
探索Vue的组件世界-双向绑定
调用自定义组件自定义组件。原创 2023-05-11 08:45:00 · 35 阅读 · 0 评论 -
探索Vue的组件世界-自定义指令
全局创建vue自定义指令// 只调用一次,指令第一次绑定到元素时调用。// 在这里可以进行一次性的初始化设置。// 被绑定元素插入父节点时调用// (仅保证父节点存在,但不一定已被插入文档中)。// 所在组件的VNode 更新时调用,// 但是可能发生在其子VNode更新之前。// 指令的值可以发生了改变,也可能没有,// 但是可以通过比较更新前后的值来忽略不必要的模板更新// 指令所在组件的VNode及其子VNode全部更新后调用。// 只调用一次,指令与元素解绑时调用。});原创 2023-05-10 23:03:20 · 682 阅读 · 0 评论