美文网首页
slot简单用法

slot简单用法

作者: 苏苡 | 来源:发表于2018-05-18 15:51 被阅读0次

总结:


(1)首先第一个组件中需要写标签命名slot:

<div>

            <slot   name  =  ‘myslot’  >

                        原来的内容

            </slot>

</div>

(2)其次第二个组件中需要写替换内容:

<div>

        <p   slot = ' myslot '>

                替换后的内容

        </p>

</div>

相关文章

  • slot简单用法

    总结: (1)首先第一个组件中需要写标签命名slot: 原来的内容 (2)其次第二个组件中需要写替换...

  • vue slot插槽

    v-slot 插槽的用法: 单个slot内容时: 子组件: 父组件: 多个slot内容时(具名插槽): 子组件: ...

  • Alert Vue 3 TypeScript版本

    示例,注意slot用法已经改变

  • 2019-02-14 vue组件基础篇4

    slot用法 单个slot 具名slot 作用域插槽 父组件中使用了