vue插槽slot和slot-scope

插槽

插槽我对他的理解就是父组件的东西插到子组件的里面,也不知道这样理解对不对,方便自己记忆

普通插槽


父组件如下:



子组件如下:



显示效果如下:

具名插槽


父组件



子组件



效果如下:

作用域插槽


我对他的理解就是数据在子组件里面,父组件可以用

父组件



子组件



效果如下:

你可能感兴趣的:(vue.js)