组件基础1,很有用哦
- 组件使用前需要在Compoent中进行注册
- 子组件通过调用$emit方法可以抛出一个事件,父组件可以通过v-on监听抛出的事件
- 子组件中定义插槽,父组件传递参数填满插槽
- props属性定义在子组件中,父组件通过template中属性的形式给子组件传参
深入组件
插槽
slot元素是一个插槽出口,标示了父元素提供的插槽内容在哪里被渲染。
插槽内容可以是任意合法的模板内容,不局限于文本。
插槽内容可以访问父组件的数据作用域,但是访问不到子组件的数据。
具名插槽的使用:(父组件要用的<template 组件)
可以获得子组件的状态的插槽叫做作用域插槽。
子组件向父组件传递参数(默认插槽:
具名作用域插槽v-slot:name="slotProps"
获取子组件的参数
vant3插槽
vant3是基于vue的移动端组件库,可以用来进行表单的适配工作,即在PC端开发移动端的页面,之后通信传递到移动端进行显示。