vue官网

比模板更接近编译器 返回虚拟节点 参数： JSX语法 函数式组件 模板编译： 模板实际上被编译成了渲染函数

允许我们控制在 DOM 中哪个父节点下渲染了 HTML 在同一目标上使用多个 teleport 简单的追加

指令 自定义指令 生命周期： created beforeMounted mounted beforeUpdate updated beforeMounte unmounted 钩子函数参数： el、

目的： 分发 Vue 组件中的可复用功能，可以包含任意组件选项 选项合并 data： 都将调用，结果合并，冲突时，默认取组件的值 同名钩子函数: 合并为一个数组，都将被调用, mixin在组件钩子前面

解决： 提取逻辑关注点 setup 的调用发生在 data property、computed property 或 methods 被解析之前 setup(){} 入参： props, conten

自定义事件，子传父 事件名： 注意Dom模板限制 1,验证事件 2， v-model 参数 默认情况下，组件上的 v-model 使用 modelValue 作为 prop 和 update:mode

父传子： props： 1，验证类型 2，默认值 注意事项： 1，如果想要将一个对象的所有 property 都作为 prop 传入，可以使用不带参数的 v-bind (用 v-bind 代替 :pr

组件注册 组件名 dom模板限制： 全部小写 包含连字符 (及：即有多个单词与连字符符号连接) 全局注册： 局部注册：子组件不可用

DOM模板 dom模板就是写在html文件中，一打开就会被浏览器进行解析渲染的，所以要遵循html结构和标签的命名，否则浏览器不解析也就不能获取内容了。 字符串模板 字符串模板就是写在vue中的tem

计算属性 计算属性 基于它们的响应依赖关系缓存, 计算属性只会在相关响应式依赖发生改变时重新求值。 这就意味着只要 author.books 还没有发生改变，多次访问 publishedBookMes

vue组件与自定义元素Web Components的关系 出于蓝而胜于蓝 用于定义具有数据传递、事件发出和生命周期管理功能的可重用组件 自定义元素： 1，不受限于框架 2，功能不太完善 3，受限于浏览

模板字符串： js语法 允许嵌入表达式的字符串字面量 反引号 ( ) 来代替普通字符串中的用双引号和单引号 形式：name: ${name} Mustache: 前端模板引擎，用于html {{ }}

渐进式代表的含义是：没有多做职责之外的事。 vue.js只提供了vue-cli生态中最核心的组件系统和数据双向绑定