随笔分类 - # Vue
摘要：参考教程 事件名 会自动将 驼峰 转化为 kebab-case （HTML标签不区分大小写这个问题） props、自定义事件、组件 的命名都存在自动转化。如果你使用的是字符串模板，这个限制就不适用。 emits 选项 当在 emits 选项中定义了原生事件 (如 click) 时，将使用组件中的事件
阅读全文
摘要：props 暴露的属性，和HTML标签的属性，使用方法相同，可以直接赋值，也可以通过v-bind动态绑定 指明props的类型 以对象形式列出 prop，属性名和值分别是 prop 名称和类型。 会进行类型检查 { props: { propA: String, // 可以为 8 种原生构造函数 S
阅读全文
摘要：全局注册 字符串注册 app.component('component-name', { // 组件名不应该用驼峰式 data() { return { count: 0 } }, props: ['title'], template: ` <h4>{{ title }}</h4> <button
阅读全文
摘要：参考教程 主要特性 借鉴了MVVM模式的思想 虚拟DOM，实现快速渲染 原理： Vue 将模板编译成虚拟 DOM 渲染函数； 结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。 双向数据绑定特性 组件化以及插槽技术slot Vue 的核心是 声明式渲染
阅读全文
摘要：由来 什么是组合式api? 大型组件的 选项式API代码非常冗长，逻辑相关联的代码，分布分散，跳转代码不利于阅读理解。 如果我们将与同一个逻辑关注点相关的代码配置在一起 这便是组合式 API 在 Vue 组件中，我们将此位置称为 setup 特点 处于 beforeCreate 和 created
阅读全文
摘要：父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 可以在<slot>标签内设置插槽的默认内容。 当只有匿名插槽时，可直接在父级子组件元素内添加内容，该内容会添加到slot对应位置当存在多个插槽时，需要对它们设定 name <!-- 子组件中添加插槽并设定nam
阅读全文
