当前位置: 首页 > news >正文

网站即时在线客服关键词制作软件

网站即时在线客服,关键词制作软件,网站 攻击 刷流量,如何申请一个免费域名插槽 好处&#xff1a;组件的内容结构可定制 用slot插槽进行占位 语法: 子组件中通过slot进行占位 理解&#xff1a;父组件&#xff0c;在子组件标签嵌套的内容就会被渲染到slot地方 一、默认插槽 //子组件 <slot>slot插槽</slot> //方法一<slot name"…

插槽

好处:组件的内容结构可定制 用slot插槽进行占位

语法: 子组件中通过slot进行占位

理解:父组件,在子组件标签嵌套的内容就会被渲染到slot地方

一、默认插槽

//子组件
<slot>slot插槽</slot> //方法一<slot name="default">slot插槽</slot> //方法二
//父组件
<exercise-first>slot插槽</exercise-first>

二、具名插槽

//子组件
<slot name="header"></slot>

通过指定 name 属性来定义一个具名插槽。在使用组件时,可以将内容分发到对应的具名插槽中。

//父组件  v-slot:main
<exercise-first><template v-slot:main><div>具名组件</div></template>
</exercise-first>

 注意:

一、通过v-slot:来查找具名插槽

二、为什么用template, template等于是一个包,不是div盒子,页面是看不到template标签的

三、作用域插槽

作用域插槽的语法: v-slot:slotName="parameter",其中 slotName 是插槽的名称,parameter 是接收子组件数据的参数。

接收:的是已 对象的形式

//父组件中定义的
<template v-slot:slotname2="obj">
//子组件中定义的
<slot name="slotname2" :item1='item' value="111" ></slot>

案例:

<!-- 子组件 -->
<template><div><slot name="item" v-for="item in items" :item="item"></slot></div>
</template><!-- 父组件 -->
<template><div><template v-slot:item="{ item }"><p>{{ item }}</p></template></div>
</template>

四、具名插槽缩写写法

v-slot缩写#

v-onv-bind 一样,v-slot 也有缩写,即把参数之前的所有内容 (v-slot:) 替换为字符 #。例如 v-slot:header 可以被重写为 #header

   <template v-slot:dalete></template>等同于:<template #dalete></template>
<slot name="header"></slot>
<!-- 缩写写法 -->
<slot name="header"/>

http://www.hrbkazy.com/news/13084.html

相关文章:

  • 网站建设做什么好上海网络推广招聘
  • 叫别人做网站需要注意什么问题正规网络推广服务
  • 企业建网站服务重庆网站外包
  • 贵阳做网站建设最好的是哪家网站搜索引擎优化工具
  • 做妇产科网站国外b站浏览器
  • 荆州哪里做网站精准营销的成功案例
  • wordpress 分页url百度seo详解
  • 网站建设先进个人事迹seo顾问服务
  • 网站建设上的新闻品牌宣传策略有哪些
  • 合肥生态建设职业培训学校网站网络营销岗位
  • 开发网站的成本天津seo建站
  • 济南市城乡建设委员会的网站windows优化大师怎么使用
  • 做网站推广销售产品seo排名怎么做
  • 网站模板 php代运营靠谱吗
  • 前端开发工具下载在线排名优化工具
  • 织梦做旅游网站石家庄网站建设培训
  • 杭州高端网站制作爱网站
  • 网站建设工作总结培训微信营销平台哪个好
  • 徐州好点的做网站的公司有哪些长春网站优化平台
  • 工程建设标准网站百度教育官网
  • 北京网站开发哪家公司好厦门seo专业培训学校
  • 网站词库怎么做外贸网
  • 电脑公司网站设计如何做网站营销推广
  • 湘潭学校网站建设 磐石网络专注企业排名优化公司
  • 汽车装饰网站源码拉新推广渠道
  • 北京网站seo优化排名深圳搜索引擎优化收费
  • tp 网站建设源码星链友店
  • 网站为什么做301如何自己建设网站
  • 多语言企业网站建设销售成功案例分享
  • 用php内容做电商网站免费crm客户管理系统