Vue 特性插槽slot 用法总结

Vue的一些特性和方法学习,说一千道一万不如一个例子带来的直观,下面就是一个完整的例子来总结

slot各种类型的插槽用法

关于slot这个特性,理解起来要注意几点

1:slot这个特性设计的目的就是让子组件能非常方便在父组件上进行扩展,子组件的最终页面呈现极大程度依然于父组件下面的模板如何写。

2:(2.6.0以后版本弃用slot和slot-scope,改用v-slot)







效果如下图

Vue 特性插槽slot 用法总结_第1张图片

你可能感兴趣的:(Vue)