vue如何使用Slot分发内容实例详解

vue我自己还在摸索学习中,今天学习了使用 Slot 分发内容,给自己留个小笔记

创新互联公司自2013年创立以来,是专业互联网技术服务公司,拥有项目网站建设、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元石龙做网站,已为上家服务,为石龙各地企业和个人服务,联系电话:18980820575

使用slot分发内容我们要注意2点

组件不知道它会收到什么内容。这是由使用 的父组件决定的。

组件很可能有它自己的模板。

为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。

【案例】




  
  
  
  vue-Slot 分发内容
  
  


  

学习vue

Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合

vue很好学

结果如下

vue如何使用 Slot 分发内容实例详解

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


本文名称:vue如何使用Slot分发内容实例详解
URL分享:http://myzitong.com/article/pjhcip.html