Vue:插槽,与自定义事件

1.插槽slot

Vue:插槽,与自定义事件_第1张图片

 




    
    Title


//todo里面的内容会替代todo里的slot部分,div里面的slot属性代表插到具体name的slot,起名有点让小白蒙蔽,这同样是为什么一开始显示两遍的原理,希望帮到各位。

Vue:插槽,与自定义事件_第2张图片

 2.自定义事件

Vue:插槽,与自定义事件_第3张图片

 




    
    Title


//todo里面的内容会替代todo里的slot部分,div里面的slot属性代表插到具体name的slot,起名有点让小白蒙蔽,这同样是为什么一开始显示两遍的原理,希望帮到各位。

Vue:插槽,与自定义事件_第4张图片

 Vue:插槽,与自定义事件_第5张图片

 Vue:插槽,与自定义事件_第6张图片

 Vue:插槽,与自定义事件_第7张图片

 Vue:插槽,与自定义事件_第8张图片

 

你可能感兴趣的:(Vue,vue.js,前端,javascript)