vue
文章平均质量分 94
FAA.
good good study, day day up
展开
-
组件通信的5种方法
组件通信的6种方法一、使用 props 和 emit,进行父子组件的通信父传子 props<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi原创 2021-11-15 22:49:38 · 4915 阅读 · 2 评论 -
Web组件API
Web组件API最近学完 Vue 后发现它封装的 DOM 实在是太强大了。使用 Es6 Moudule 或 CommonJs Module 实现封装 Js 模块化比较简单。但是想要封装 DOM 真没那么简单。看了红宝书 JavaScript API 中的 Web组件 API,发现里面的内容跟 Vue 用到的方法很像,所以我就先看一下做一些基础知识储备,等哪天有能力了再模仿Vue自己封装一个 DOM,(感觉有点天真,哈哈哈 ~~)知识库template模板影子 DOM自定义标签一、templa原创 2021-11-13 23:57:32 · 806 阅读 · 0 评论 -
计算属性与侦听属性区别
计算属性与侦听属性区别计算属性 compute设计初衷为了解决模板内的复杂表达式书写引起的代码混乱问题<div id="example"> {{ message.split('').reverse().join('') }}</div>上述是一个输出 message 反转后的结果,如果直接写在 HTML 模板上,一两个这样的复杂表达式还可以接受,有很多的话代码看上去就会变得非常乱。<div id="example"> <p>Origin原创 2021-11-13 00:27:55 · 1466 阅读 · 1 评论