深入浅出 Vue 中的插槽 slot

文章浏览阅读114次。在日常代码编写的过程中,针对高频出现的业务场景,我会它把封装一个组件,然后多个地方去使用。但是在某些情况下,一个组件并不能兼容所有的场景。就比如对话框组件,可能每个人都会用到对话框,但是对话框中的内容会根据需求千变万化。这个时候就要考虑有没有什么方法,可以让我们对话框中的内容变成动态的呢?答案:有,使用插槽就可以满足我们的需求。插槽的概念有点类似 JavaScript 中的插值表达式,在代码在保留一个占位符,然后动态的向占位符中传入内容。// 插值表达式var name = '番茄'我是${