zoukankan      html  css  js  c++  java
  • vue 匿名插槽

    组件插槽:组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力
      # 当组件渲染的时候,这个 <slot> 元素将会被替换为“组件标签中嵌套的内容”。
      # 插槽内可以包含任何模板代码,包括 HTML
    匿名插槽
    <div id="app">
        <!--这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 -->
        <slot-box>你好啊slot</slot-box>
      </div>
      <script>
        Vue.component('slot-box',{
          // slot就是模板里面的插槽,里面可以有内容,如果没有传递值,那么里面的内容为默认内容;
          template:`<div><h1>这是插槽的内容:</h1><slot>默认内容</slot></div>`
        })
        const vm = new Vue({
          el:'#app'
        })
      </script>
    时间如白驹过隙,忽然而已,且行且珍惜......
  • 相关阅读:
    班会记录
    CSS之伪元素
    JavaScript之返回顶部
    尝试Hexo
    GitHub之上传文件
    Git之使用
    Git之基本命令
    运行第一个Node.js程序
    go语言圣经 map 章节习题
    go语言圣经第4章JSON部分习题
  • 原文地址:https://www.cnblogs.com/UnfetteredMan/p/13964899.html
Copyright © 2011-2022 走看看