详解vue中的插槽
2018-07-30 本文已影响0人
不吃肉的程序媛
1.在vue中插槽分为具名插槽和非具名插槽;而插槽的使用主要是我们在页面中存在很多个相似但却重复的部分;
首先我以一个dialog为例,讲一下非具名插槽,非具名插槽 子组件:
在我的父组件中引入组件;
同时讲我的子组件引入 我的父组件中,同时将我的子组件挂在我的组件中
在我的template中使用它:
非具名插槽:
其他使用同非具名插槽,唯一不同的是在template中的使用
1.在vue中插槽分为具名插槽和非具名插槽;而插槽的使用主要是我们在页面中存在很多个相似但却重复的部分;
首先我以一个dialog为例,讲一下非具名插槽,非具名插槽 子组件:
在我的父组件中引入组件;
同时讲我的子组件引入 我的父组件中,同时将我的子组件挂在我的组件中
在我的template中使用它:
非具名插槽:
其他使用同非具名插槽,唯一不同的是在template中的使用