14. Vue插槽

130 阅读1分钟

阐述: 插槽,相当于是一个占位符,,页面上有且只有一个默认插槽

a. 默认插槽:在使用组件的页面(引入组件的页面),不使用自闭和标签,写成普通标签,然后在里面添加你所想要的内容或样式
            然后在定义组件的页面,用<slot/>这个标签进行一个占位,之前在另一个页面写的内容及样式,会在这个位置所显示

在使用组件的页面(引入组件的页面)

定义组件的页面

b. 具名插槽: 1.具名插槽顾名思义,就是给插槽取一个名字,在定义插槽的页面,在slot标签上,用name属性来取名字如 ‘<slot name=“footer"/>’

 2.然后在引用组件的界面,把自己准备好的内容指向具名插槽,用slot属性
如: <h2 solt=“footer” > 这里是你所想要定义的内容 </p>


主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate

贡献主题:github.com/xitu/juejin…

theme: juejin highlight: