• slot的使用方法


    参考链接:
    https://www.cnblogs.com/loveyt/p/9946450.html

    插槽的使用其实是很简单,你只需明白以下两点,就很容易理解。 1.插槽是使用在子组件中的, 2.插槽的作用是将父组件中的子组件模板数据正常显示

    默认插槽
    我现在创建一个demo,结构如下:


    父组件代码如下:

    
    

     输出结果

     当然在父组件引用的子组件中也可以写入其他组件

     具名插槽

    在子组件中定义了三个slot标签,其中有两个分别添加了name属性header和footer

     

     在父组件中使用template并写入对应的slot值来指定该内容在子组件中现实的位置(当然也不用必须写到template),没有对应值的其他内容会被放到子组件中没有添加name属性的slot中

     

     从上面可以看出来:父组件最终打印的结果并不是根据自身代码书写的顺序展现出来的,而是根据

    插槽的默认内容

    可以在子组件的slot标签中写入内容,当父组件没有写入内容时会显示子组件的默认内容,当父组件写入内容时,会替换子组件的默认内容

     

    编译作用域

     

    作用域插槽

    在子组件的slot标签上绑定需要的值,在父组件上使用slot-scope属性,user.data就是子组件传过来的值

     

     





    活到老,学到老。 踏实+激情+坚持
  • 相关阅读:
    python023
    python019
    python018
    python017
    python016
    python013
    python012
    数据库,盘它!!!!
    网络编程
    面向对象简述
  • 原文地址:https://www.cnblogs.com/andyZhang0511/p/11719964.html
Copyright © 2020-2023  润新知