一、组件传值 1.父组件向子组件传值 因为子组件本身不能拿到父组件的data数据来用，所以在子组件里用props接收，props是一个数组 2.子组件向父组件传值 子组件不能直接使用父组件的data和methods，子组件向父组件传值用 @和$emit实现(通过函数的形式传出 ...

父级 子级 ...

1. vue 2.6.0版本之前的slot插槽： 用slot='' 替代表示对应的插槽。 2. vue 2.6.0版本之后的slot插槽： 用v-slot:default='ctx' 替代slot=''。 　　　　　 <template ...

1.slot插槽作用域：带参数的插槽(可进行子组件向父组件传值) 父组件app.vue 子组件son.vue app.vue(父组件接收值) < ...

子组件 MyBar 父组件 MySideBar ...

1. 插槽组件:在 slot 标签上绑定属性，作为 slot参数传递出去 2. 使用 组件插槽的父组件：使用v-slot 接收 子组件传递过来的参数，并通过该参数得到 slot 传递过来的值。 ...

作者 | Jeskson 来源 | 达达前端小酒馆 什么是插槽？插槽的指令为v-slot，它目前取代了slot和slot-scope，插槽内容，vue实例一套内容分发的api，将slot元素作为承载分发内容的出口。 组件的书写： 运用组件模板，可以在里面书写： 插槽内可以写 ...

写在前面： 　　vue中插槽的使用让组件变得更加灵活。使得封装一个组件的复用性和API的暴露更加灵活多变。 当组件当做标签使用的时候，在标签里面的元素不会显示，这个时候就需要用到插槽。 一、最基本的使用 　　当组件当做标签使用的时候，在组件标签内部的标签往往不显示，这个时候就需要用到插槽 ...