Vue第七天笔记(最后)

45 阅读1分钟

1. $nextTick(vue内置方法)

image.png

image.png

2. 插槽

image.png

2.1 基本语法

image.png

image.png

2.1.1 具名插槽

注意:v-slot:类名 可以简写为#
如:
<template #v-slot:btn>===<template #btn>
image.png

2.1.2 作用域插槽

image.png

image.png

image.png

3.插槽渲染结构

使用父传子渲染相应页面,并使用具名插槽插入对应slot(此处为default默认插槽) image.png

使用父传子传递对应所移除对象的id值 image.png