sold插槽

最新推荐文章于 2024-09-05 15:04:23 发布

细雨、

最新推荐文章于 2024-09-05 15:04:23 发布

阅读量109

点赞数

本文链接：https://blog.youkuaiyun.com/foreverlailai/article/details/90647099

版权

博客主要提及了插槽这一信息技术相关内容，但未展开详细描述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插槽

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<body>
  <div id="app">
    <Hello>
      <header>  头部  </header>
      <section> 内容 </section>
      <footer> 底部 </footer>
    </Hello>
  </div>

  <template id="hello">
    <div>
      hello
      <slot></slot>
    </div>
  </template>
</body>
<script>
  /* 
    slot  插槽
    作用： 可以让我们在组件中书写内容
      举例： 

  */

  Vue.component( 'Hello', {
    template: '#hello'
  })

  new Vue({
    el: '#app'
  })
</script>