【vue】组件插槽、组件自定义事件

插槽

插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。
语法：:v-slot:插槽名 语法糖:#插槽名

<template>
  <div>
      <box :msg="name" :ae="age"></box>
      <box msg="小红" ae="21"></box>

      <box1 :title="title" :name="name">
        <h4 style="color:red">app组件的插槽</h4>
        11111
      </box1>

      <box2 title="box2的组件">
        <template v-slot:n1>
         <h1>box2</h1>
        </template>
      </box2>
      <box2 title="box2的组件">
        <!-- 语法糖 #号代替 -->
        <template #n1>
         <h1>box266666</h1