摘要：
父组件通过 provide选项提供数据 子组件通过 inject选项 注入数据 可以跨越层级传递 注：provide选项 要访问组件实例data，需要将 provide 转换为返回对象的函数 默认情况下，provide/inject 绑定并不是响应式的。 阅读全文
posted @ 2021-07-30 01:31
海胆Sur
阅读(12)
评论(0)
推荐(0)
摘要：
v-model 是表单双向数据绑定的简写方式 v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件： text 和 textarea 元素使用 value 属性和 input 事件；checkbox 和 radio 使用 checked 属性和 change 事件；s 阅读全文
posted @ 2021-07-29 23:29
海胆Sur
阅读(61)
评论(0)
推荐(0)
摘要：
参考教程 事件名 会自动将 驼峰 转化为 kebab-case （HTML标签不区分大小写这个问题） props、自定义事件、组件 的命名都存在自动转化。如果你使用的是字符串模板，这个限制就不适用。 emits 选项 当在 emits 选项中定义了原生事件 (如 click) 时，将使用组件中的事件 阅读全文
posted @ 2021-07-29 22:47
海胆Sur
阅读(42)
评论(0)
推荐(0)
摘要：
props 暴露的属性，和HTML标签的属性，使用方法相同，可以直接赋值，也可以通过v-bind动态绑定 指明props的类型 以对象形式列出 prop，属性名和值分别是 prop 名称和类型。 会进行类型检查 { props: { propA: String, // 可以为 8 种原生构造函数 S 阅读全文
posted @ 2021-07-29 18:12
海胆Sur
阅读(122)
评论(0)
推荐(0)
摘要：
全局注册 字符串注册 app.component('component-name', { // 组件名不应该用驼峰式 data() { return { count: 0 } }, props: ['title'], template: ` <h4>{{ title }}</h4> <button 阅读全文
posted @ 2021-07-29 18:05
海胆Sur
阅读(33)
评论(0)
推荐(0)
摘要：
特点：创建唯一标识 Symbol(“xx”) 每个实例都创建唯一标识符，避免重复；参数为描述信息可为空，即使相同描述信息，Symbol实例也不相等； 该类型不使用new进行创建 const symbol = Symbol('abc') String(symbol) // 'abc' symbol.d 阅读全文
posted @ 2021-07-28 16:00
海胆Sur
阅读(14)
评论(0)
推荐(0)
摘要：
获取属性 通过for in 可以获得非Symbol（ES6）的属性 for (prop in obj) { console.log(prop); } 使用Object提供的方法 返回属性的数组 Object.keys(obj) 获得非Symbol（ES6）的属性Object.getOwnProper 阅读全文
posted @ 2021-07-28 15:42
海胆Sur
阅读(23)
评论(0)
推荐(0)
摘要：
call、apply 调用并改变 this 指向 .call() 第一个参数为要将this指向的对象 之后的参数为所调用函数的参数 fn.call(newthis, ...args) .apply() 和 .call() 极其相似，只是传参的方式不同，通过数组包含所有参数 fn.apply(newt 阅读全文
posted @ 2021-07-27 18:51
海胆Sur
阅读(12)
评论(0)
推荐(0)
摘要：
回调地狱：需要控制异步函数的执行顺序，而将他们层层嵌套，使得代码结构复杂，难以维护。 Promise 缓解了回调地狱 没有彻底解决回调地狱。 then的处理函数依然是callback Promise 的意义在于 统一 异步实现的方案（callback变得可控） callback 实现异步，不同开发者 阅读全文
posted @ 2021-07-27 18:10
海胆Sur
阅读(18)
评论(0)
推荐(0)
摘要：
参考视频 防抖 抖动 （和硬件上按键抖动类似）描述的是一种高频事件，但不需要每次都响应 例如：对输入内容的动态提示，要监听oninput 但打字会高频触发这个事件 简单的防抖实现 let t = null; inp.oninput = function() { if (t !== null) { c 阅读全文
posted @ 2021-07-27 17:13
海胆Sur
阅读(17)
评论(0)
推荐(0)
浙公网安备 33010602011771号