如何理解Vue.js的组件中的slot
答案:2 悬赏:20 手机版
解决时间 2021-02-07 09:49
- 提问者网友：遁入空寂
- 2021-02-07 05:09
如何理解Vue.js的组件中的slot
最佳答案
- 五星知识达人网友：你哪知我潦倒为你
- 2021-02-07 05:45
主要是让组件的可扩展性更强。
1.匿名slot使用
//定义组件my-component
//使用方法
2.具名slot使用
//定义组件my-component
//使用方法
如果不在有slot的组件里加入任何标签，slot什么都不会显示的。
1.匿名slot使用
//定义组件my-component
//使用方法
我就是slot的替代内容，这里可以放任何标签元素，即使是一长串ul>li列表
2.具名slot使用
//定义组件my-component
//使用方法
我就是这个叫mySlot的slot替代内容，这里可以放任何标签元素，即使是一长串ul>li列表，但是我是一个有名字的宝宝，所以你必须给我加上slot="mySlot"，不然我就报错给你看！
如果不在有slot的组件里加入任何标签，slot什么都不会显示的。
全部回答
- 1楼网友：迷人又混蛋
- 2021-02-07 06:28
子组件在props中定义数据，然后父组件传数据过去，例如： 子组件： props: { show: { default: false } } 父组件： //test是子组件名字 parentshow是父组件定义的data数据
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯