【Vue】学习篇1

组件基础1,很有用哦

  1. 组件使用前需要在Compoent中进行注册
  2. 子组件通过调用$emit方法可以抛出一个事件,父组件可以通过v-on监听抛出的事件
  3. 子组件中定义插槽,父组件传递参数填满插槽
  4. props属性定义在子组件中,父组件通过template中属性的形式给子组件传参

深入组件

插槽

slot元素是一个插槽出口,标示了父元素提供的插槽内容在哪里被渲染。
请添加图片描述
插槽内容可以是任意合法的模板内容,不局限于文本。
插槽内容可以访问父组件的数据作用域,但是访问不到子组件的数据。
具名插槽的使用:(父组件要用的<template 组件)
请添加图片描述
可以获得子组件的状态的插槽叫做作用域插槽
子组件向父组件传递参数(默认插槽:
在这里插入图片描述
具名作用域插槽v-slot:name="slotProps"获取子组件的参数

vant3插槽

vant3是基于vue的移动端组件库,可以用来进行表单的适配工作,即在PC端开发移动端的页面,之后通信传递到移动端进行显示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值