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

苏州市智信建设职业培训学校网站搜索点击软件

苏州市智信建设职业培训学校网站,搜索点击软件,wordpress head,德州疫情最新消息今天德城区插槽分为匿名插槽、具名插槽、作用域插槽。子组件中: 匿名插槽只能有一个;可以有多个具名插槽;作用域插槽中可以有匿名插槽和具名插槽。 当项目中一个组件可以多次复用时,我们可以把这个组件封装成单独的.vue文件,从…

插槽分为匿名插槽、具名插槽、作用域插槽。子组件中:

  1. 匿名插槽只能有一个;
  2. 可以有多个具名插槽;
  3. 作用域插槽中可以有匿名插槽和具名插槽。

当项目中一个组件可以多次复用时,我们可以把这个组件封装成单独的.vue文件,从而可以在不同的页面中引入该组件,从而实现组件的复用,我们称这个.vue文件为子组件,需要用到这个子组件的页面我们称为父组件。

当子组件中可以决定自己的大概结构,但是有些内容的展示与否,或者展示的形式子组件不能决定,需要由父组件来决定之后传给子组件时,需要使用到作用域插槽(匿名插槽和具名插槽辅助作用域插槽),父组件决定内容,子组件决定位置。

子组件通过slot为父组件传递过来的内容进行占位,父组件将数据传递过来填充slot

1 匿名插槽 - 只能有一个

在这里插入图片描述

2 具名插槽-可以有多个

父组件填充内容, 父组件通过 v-slot:[name] 的方式指定到对应的插槽中。slot存在于子组件,v-slot在父组件,最终页面展示结果是父组件。
在这里插入图片描述

3 作用域插槽

作用域插槽其实就是带数据的插槽,即带参数的插槽,简单的来说就是子组件提供给父组件的参数,该参数仅限于插槽中使用,父组件可根据子组件传过来的插槽数据来进行不同的方式展现和填充插槽内容。

  1. 子组件存放一个带数据的插槽
  2. 父组件通过 “slot-scope” 来接收子组件传过来的插槽数据,再根据插槽数据来填充插槽的内容
    在这里插入图片描述

作用域插槽绑定了一套数据,父组件可以拿来用。于是,情况就变成了这样:样式父组件说了算,但内容可以显示子组件插槽绑定的
我们再来对比,作用域插槽跟单个插槽和具名插槽的区别,因为单个插槽和具名插槽不绑定数据,所以父组件提供的模板一般要既包括样式又包括内容,而作用域插槽,父组件只需要提供一套样式(在确实用作用域插槽绑定的数据的前提下)。

http://www.ds6.com.cn/news/110517.html

相关文章:

  • 动态网站建设包括哪些内容香港旺道旺国际集团
  • 网站开发工作佛山网站建设方案咨询
  • 顶呱呱网站建设是外包的吗网络营销师报考条件
  • 武汉做网站推广哪家好整站优化加盟
  • phpcms获取网站名称百度会员登录入口
  • 网站分析模板怎样做推广是免费的
  • 奶茶微网站建设网上电商平台开发
  • 手机网站发展2020十大网络热词
  • 深圳网站制作企业邮箱网络推广方法怎么样
  • 关于校园网站建设的通知企业网站建设报价
  • 网站建站建设的公司磁力狗在线引擎
  • 网站开发 怎么才能发表情青岛seo公司
  • 重庆网站制作公司商铺营销推广方案
  • 轻量应用服务器可以做网站吗今日最新抗疫数据
  • 动态网站开发教材广东seo推广方案
  • 做国际黄金的网站陕西百度推广的代理商
  • 网站中的二级菜单怎么做23seo外链软件
  • 唐山中企动力做网站如何优化关键词搜索排名
  • 做外贸没有网站可以吗微信搜索seo优化
  • 网站怎么做推广和优化线上推广的好处
  • 淮南网云小镇的房子可不可以买企业网站seo平台
  • 上海建筑建材业网站办理大厅网站开发教程
  • 手机端网站建站互联网推广平台有哪些公司
  • 西安跨境电商平台网站优化营商环境 助推高质量发展
  • 购物网站线下推广办法崇左网站建设
  • 注销公司需要什么资料和流程北京seo排名公司
  • 建政府网站要多少钱平板电视seo优化关键词
  • 网站可以做电信增值哈尔滨优化网站方法
  • 成都微信网站建设多站长工具怎么关掉
  • c#可以做网站吗网络推广课程培训