slot插槽怎么在vue中使用-创新互联

这期内容当中小编将会给大家带来有关slot插槽怎么在vue中使用，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

站在用户的角度思考问题，与客户深入沟通，找到长岭网站设计与长岭网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖长岭地区。

不使用插槽，在template中用v-html解析父组件传来的带有标签的content




  
  



  Rachel">

使用插槽，如果父组件为空，就会显示slot中定义的默认内容


  Rachel

 
Vue.component('child', {
   template: '
          hello
          默认内容
        '
})

使用插槽添加header和footer，使用‘具名插槽'，也就是给插槽起个名字，各找各的位置。此处也可以写默认值，如果父组件没有对应的插槽内容的话，会显示子组件定义的插槽的默认值。


  
    header

footer