VUE组件与插槽

发布时间:2022-11-20 20:00

目录

vue组件

前言

全局组件

属性:

组件给组件传值

组件通信

局部组件

template标签

注意:

为匿名组件赋予名称

vue插槽

前言

vue插槽作用

vue插槽类型

注意:

默认插槽

具名插槽

具名插槽的使用

具名插槽的其他使用方式

作用域插槽

父组件内部

子组件内部

vue组件

组件系统可以让我们独立的复用小组件来构建大型应用,几乎任何类型的应用界面都可以抽象为一个组件树

前言

  1. 组件生效于vue的挂载区内,不管是全局还是局部
  2. 自定义组件的内部不可以写内容,除非你用插槽
  3. 组件内部,只能有一个根元素 
  4. 组件也可以直接写成自闭标签,但是这样写,那么后面的组件便不再生效
  5. 决定组件是块级元素还是行级元素与里面的根标签有关

全局组件

含义:所有vue的实例都可以使用的组件

语法:Vue.component(tagName,options)

属性:

  • tagName:组件名,其为一个字符串
  • options:组件对象(组件对象的value值类型为字符串)

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号