讲作用域插槽的时候，应该是在子组件里拿到了父组件的值，而不是视频里老师说的“在父组件里拿到子组件的值”吧？

老师您好，我引用了2.6的库后参照视频中实例写template语法 template:<ul></ul> 这段报错。是为什么？

老师，这个问题，“但有的时候我们需要父组件的这个值，做进一步的逻辑处理”。我一般是这么处理的。 父组件的方法parentFunc采用值传递方式，子组件const 父组件的返回值 = parentFunc(子组件的参数) // 进一步处理

<template v-slot:pre-icon> <span>前置图标</span> </template> 在Vue.js v2.6.11下不能使用， <span slot="pre-icon">前置图标</span> 这个写法可以

为什么我在VSCODE打印不出老师笑脸图标表情

每天打卡，看到一起学习的小伙伴问的问题，自己心中也有一些共同的疑问，就是一起在学习的过程。老师对于问题的解答，也帮助了理解。但感觉还是有些一知半解。希望越学越透，继续加油！

插槽（slot）的概念很简单，其实就是分发内容。 插槽分为：普通插槽、作用域插槽、默认插槽 插槽的作用：传递复杂内容的方式 作用域插槽的函数理解： 作用域插槽则可以理解为，本质上是返回组件的函数，我们可以把下面一整段标签当成是一个函数： <template v-slot:suf-icon="{ value }"> <span>后置图标 - {{ value }}</span> </template> 然后我们在组件的内部通过`slot`的形式，去调用这个函数，并且给这个函数传递了一个 value 值：slot: templateFunction(value)，在这个函数内，我们可以根据传递的 value 值来指定各种操作，如：函数返回了一个 span 标签，并在其中显示 value 值。 当然我们也可以做其他各种各样的事情，譬如判断 value 值，再来返回我们想要返回的内容： <span v-if="value">哈哈哈啊我显示了</span> 或者骚包一点动态绑定样式： <span :class="value">我显示颜色是{{ value }}了！</span>

"作用域插槽本质上就是一个返回组件的函数, 而子组件调用这个函数的时候可以把子组件的数据作为参数传递到父组件" 为了理解这句话, 下面我将使用两个简称: 1. 模板定义: 组件里面定义时, "template"里的内容, 因此模板定义时的插槽, 称为插槽定义. 2. 模板使用: 在 HTML 里使用模板时或作为子组件在父组件里使用, 同样的, 模板使用时的插槽内容, 称为插槽使用. 既然是"返回组件的函数", 那么就有"函数定义"和"函数调用". 那么: 1. 模板定义相当于函数定义, 模板使用相当于函数调用. 2. 整个模板相当于函数, 模板里面的插槽(slot)相当于函数的参数. 3. 调用函数时会进行传参. 因此: 1. 既然"模板使用相当于函数调用", 那么使用的时候我可以不调用啊, 这样编译后就HTML上不会显示相应的内容了. 这个案例里是指"前置图标"和"后置图标", 在不使用时也就没有"前置图标"或"后置图标"的内容了. 2. 当然, 在函数定义时可以设置参数默认值(模板定义时的 slot 标签里面的内容), 如果使用模板时没有这个参数, 那么就使用默认值. 这个案例里如果在 HTML 里没有使用"<template v-slot:pre-icon><span>前置图标</span></template>", 那么HTML页面会显示模板定义时插槽的默认内容. 3. 插槽里面的 name 属性是在为了区分不同的插槽, 相当于"一个函数有多个参数时, 这些参数的名字是不一样的" 至于插槽定义时 value 这个绑定属性, 可以理解成插槽里面的"属性", 在外部可以"访问"这个属性, 即通常所说是"slot传出去一个值, 在 HTML 使用模板时或父组件调用时可以接收这个值", 当然, 这里传出去的还可以是对象, 如果是对象还可以使用解构语法(这个官网文档有案例) 关于插槽的更详细的内容, 可以参考官方教程: https://cn.vuejs.org/v2/guide/components-slots.html 请问老师, 上面我这个理解正确么?

我一个测试，有点后端开发功底的测开，跑来前端虐自己了，如果后端是搬砖，前端就像铁铲铲沙子，通过几节课的学习，发现有不少有意思的东西，同时“同情加佩服”前端大佬们，因为他们要学的真的太多太琐碎了。

插槽 感觉上相当于一个模版中dom的占位符 后续填充需要加进去的部分