vue.js|vue slot 插槽隔代传数据(vue2.6)
版本2.6以上版本写法
父组件
我是传给子组件
我是传给孙子组件
子组件
子代
孙组件
我是孙级组件
v-slot 可以写成# 简写比如： v-slot: test与 #test 一样
插槽作用域： 父组件能访问子组件数据
普通写法：
{
{ slotProps.user.firstName }}
解构写法
{
{ user.firstName }}
具名插槽写法：
【vue.js|vue slot 插槽隔代传数据(vue2.6)】1.父组件
{
{ user.firstName }}
2.子组件
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
- 如何在手机上查看测试vue-cli构建的项目