vue3总结

新特性

1. 组合Api

2. Teleport

设置组件挂在的body的位置

3. 片段

template内可以设置多个元素，不再局限于一个根节点

4. Emits 组件选项

• Html
  attribute 名不区分大小写，浏览器会将所有大写字符解释为小写字符，故在dom模板使用时，驼峰需要使用横向-分割的等效值。

• 事件名
  与组件和 prop 一样，事件名提供了自动的大小写转换。如果在子组件中触发一个以 camelCase (驼峰式命名) 命名的事件，你将可以在父组件中添加一个 kebab-case (短横线分隔命名) 的监听器。
  javascript this.$emit('myEvent')
html

• 定义自定义事件
  可以在emits选项在组件上定义发出的事件，当在 emits 选项中定义了原生事件 (如 click) 时，将使用组件中的事件替代原生事件侦听器。

• v-model参数
  组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。我们可以通过向 v-model 传递参数来修改这些名称：

	<my-component v-model:title="bookTitle">my-component>
1

• 多个model参数
  单个组件示例上可以创造多个v-model绑定，v-mode绑定的值将同步到prop
• model修饰符，可以自定义

5. createRenderer 全局API 自定义渲染器

createRenderer 文档

6. 单文件组件