北京app开发网站建设,郑州餐饮 网站建设,wordpress php打包zip,用dw做的网页怎么连到网站上插槽分为匿名插槽、具名插槽、作用域插槽。子组件中#xff1a;
匿名插槽只能有一个#xff1b;可以有多个具名插槽#xff1b;作用域插槽中可以有匿名插槽和具名插槽。
当项目中一个组件可以多次复用时#xff0c;我们可以把这个组件封装成单独的.vue文件#xff0c;从…插槽分为匿名插槽、具名插槽、作用域插槽。子组件中
匿名插槽只能有一个可以有多个具名插槽作用域插槽中可以有匿名插槽和具名插槽。
当项目中一个组件可以多次复用时我们可以把这个组件封装成单独的.vue文件从而可以在不同的页面中引入该组件从而实现组件的复用我们称这个.vue文件为子组件需要用到这个子组件的页面我们称为父组件。
当子组件中可以决定自己的大概结构但是有些内容的展示与否或者展示的形式子组件不能决定需要由父组件来决定之后传给子组件时需要使用到作用域插槽匿名插槽和具名插槽辅助作用域插槽父组件决定内容子组件决定位置。
子组件通过slot为父组件传递过来的内容进行占位父组件将数据传递过来填充slot
1 匿名插槽 - 只能有一个 2 具名插槽-可以有多个
父组件填充内容, 父组件通过 v-slot:[name] 的方式指定到对应的插槽中。slot存在于子组件v-slot在父组件最终页面展示结果是父组件。
3 作用域插槽
作用域插槽其实就是带数据的插槽即带参数的插槽简单的来说就是子组件提供给父组件的参数该参数仅限于插槽中使用父组件可根据子组件传过来的插槽数据来进行不同的方式展现和填充插槽内容。
子组件存放一个带数据的插槽父组件通过 “slot-scope” 来接收子组件传过来的插槽数据再根据插槽数据来填充插槽的内容
作用域插槽绑定了一套数据父组件可以拿来用。于是情况就变成了这样样式父组件说了算但内容可以显示子组件插槽绑定的。 我们再来对比作用域插槽跟单个插槽和具名插槽的区别因为单个插槽和具名插槽不绑定数据所以父组件提供的模板一般要既包括样式又包括内容而作用域插槽父组件只需要提供一套样式在确实用作用域插槽绑定的数据的前提下。
