临沂seo整站优化厂家,如何用网站设计制作,网站从建设到赚钱的流程,网站首页策划普通插槽
在嵌入的组件标签中加入内容#xff0c;如果子组件中有slot就显示#xff0c;否则就是不显示 父组件
h1Hello 父组件/h1
Childp这是一些初始内容/pp这是更多的初始内容/p
/Child子组件
h1如果子组件中有slot就显示否则就是不显示 父组件
h1Hello 父组件/h1
Childp这是一些初始内容/pp这是更多的初始内容/p
/Child子组件
h1Hello World/h1
slot/slot如果不加入slot里的内容就不会显示Child里面的内容
具名插槽
用来筛选插槽里的template内容在子组件通过name来选定指定内容
父组件 h1Hello组件/h1Childtemplate slotheaderp我是name为header的slot/p/templatetemplate slotfooterh1我是name为footer的slot/h1/template/Child子组件
h1Hello World/h1slot nameheader/slotslot namefooter/slot作用域传参
拿到子组件里data的值 父组件
我是作用域插槽 父组件
Childtemplate slot-scopeuserdiv v-foritem in user.data :keyitem.id{{item}}/div/template/Child子组件
templatediv我是作用域插槽的子组件slot :datauser/slot/div
/templatescript
export default {name: slotthree,data () {return {user: [{name: Jack, sex: boy},{name: Jone, sex: girl},{name: Tom, sex: boy}]}}
}
/script