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 · 4826 阅读 · 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 · 786 阅读 · 0 评论 -
计算属性与侦听属性区别
计算属性与侦听属性区别 计算属性 compute 设计初衷 为了解决模板内的复杂表达式书写引起的代码混乱问题 <div id="example"> {{ message.split('').reverse().join('') }} </div> 上述是一个输出 message 反转后的结果,如果直接写在 HTML 模板上,一两个这样的复杂表达式还可以接受,有很多的话代码看上去就会变得非常乱。 <div id="example"> <p>Origin原创 2021-11-13 00:27:55 · 1408 阅读 · 1 评论