您当前的位置: 首页 > 
  • 3浏览

    0关注

    284博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Vue】零基础学习Vue: 第25课 Vue子组件slot插槽让子组件自定义样式:

区块链(Web3)开发工程师 发布时间:2019-07-01 10:25:58 ,浏览量:3

slot插槽的作用:
  1. slot 可以让组件更加灵活
  2. slot插槽 默认是没有名字的 可以给slot加上name属性
  3. slot也可以设置默认值 一个槽可以被插入多个内容 ,多个内容可以全都放在template中,只要给template命名name即可
slot插槽的使用如下:



    
    插槽
    
    


首页 标题1 标题2 标题1 标题2

页脚

匿名插槽 默认标题 我是子组件的内容:
//定义子组件 let son = { template:'#son', } let vm = new Vue({ el:'#app', //注册子组件 components:{ son } })

 

运行结果如下: 首页 标题1 标题2 标题1 标题2

我是子组件的内容: 页脚

关注
打赏
1665194163
查看更多评论
立即登录/注册

微信扫码登录

0.0463s