Vue学习之组件用法实例详解(2)

<template> <div> <h3>实名插槽头部</h3> <slot>这是cpu插槽</slot> <slot>这是内存条插槽</slot> <slot>这是硬盘插槽</slot> </div> </template> <realname-slot> <p slot="cpu">Intel Core i5</p> </realname-slot>

结果：cpu放入指定插槽，而其他插槽未受影响：