今天主要分析 Vue.js 中常用的 Slots 功能是如何设计和实现的。本文将分为普通插槽、作用域插槽以及 Vue.js 2.6.x 版本的 v-slot 语法三部分进行讨论。
本文属于进阶内容,如果有还不懂 Slots 用法的同学,建议先移步 Vue.js 官网进行学习。
1 普通插槽
首先举一个 Slots 使用的简单例子。
<template>
/**
* the super tiny vue.js.
简介:一个迷你vue库,虽然小但功能全面,可以作为想了解vue背后思想以及想学习vue源码而又不知如何入手的入门学习资料。
特性:
* 数据响应式更新
* 指令模板
* MVVM
* 轻量级
## 功能解读
<templete>
领取专属 10元无门槛券
手把手带您无忧上云