资料内容:
表单输入绑定
v-model 指令用于在表单控件元素和组件实例之间创建双向数据绑定:
<input v-model="message" placeholder="type something">
动态组件
使用 <component :is="currentView"></component> 来动态切换渲染的组件。
插槽
插槽允许父组件向子组件的预留区域注入内容。Vue 3 引入了 <slot> 标签的命名和作用域插槽:
<!-- 父组件 -->
<my-component>
<template #header>
This is the header
</template>
</my-component>
<!-- 子组件 -->
<template>
<header>
<slot name="header"></slot>
</header>
</template>