浏览器遇到不认识的东西会跳过

  插槽:slot  v-slot  

  页面渲染时候,slot 元素会被替换成组件标签里面的东西

  slot 可以包含的内容和标签,也可以嵌套其他组件

  1. 插槽  slot

    

  2. 编译作用域:在谁的模板下,组件标签的数据就是谁的

    

  3. 默认内容:在 <slot> 这里面的内容就是默认内容 </slot>

   组件标签中如果没有内容,在组件模板下 <slot></slot> 中的内容就是默认内容,如果在组件标签里面写了内容,就会渲染组件标签里面的内容,而不去渲染 slot 里面的内容

   

  4. 具名插槽,为什么要这么叫,就证明有很多 slot ,每个 slot 都有自己的名字

   

   

  5. 插槽作用域:组件标签正常情况下,用的是实例的数据,我们想让他使用自己组件的数。(编译作用域遗留的问题)

   

  slot 在组件模板中,使用的数据是当前组件的数据,组件标签在父组件的模板中调用,里面使用的数据是父组件的数据

  那么 在组件标签中,怎样使用自己组件中的数据

  1. 将子组件的数据绑定到插槽标签上

  2. 在组件标签上,用 v-slot 的使用与 prop 有关

    绑定在 slot 的属性上,会形成已给 prop 的对象,用 v-slot 来定义一个 props 对象

    组件标签上用 v-slot = 'name' 那么 name 就是和这个 props 对上了

    {{name}} 就是 title 对应的数据

优质内容筛选与推荐>>
1、Zipline入门教程
2、Linux 安装 Mysql 数据库
3、Java基本数据类型
4、HTML--表单,图片热点,网页划区和拼接
5、站立会议第三天


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号