我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

王龙飞 2023-2-8

[复制链接]
浅夏ζ 发表于 2023-2-16 18:26:24 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
1.插槽
定义
共同的内容在组件内进行封装,不同元素使用slot占位,外部决定显示什么样的元素
如果没有提供插槽内容,则生效默认内容
匿名插槽
多个匿名插槽将会被复制多份
具名插槽
多个插槽使用具名函数
给插槽一个具体的name值
使用slot=“name”的方式,指定当前内容替换哪一个插槽
如果没有slot属性,就填充匿名插槽
作用域插槽
带数据的插槽,父组件填充子组件插槽内容时,也可以使用子组件的数据
在子组件slot中通过v-bind:数据名称=“数据名称”方式暴露
在父组件中通过<template slot-scope="作用域名称">接收数据
v-slot指令
告诉vue当前内容填充到哪一个具名插槽
只能用在template标签上,<template v-slot:name的值>
可以用#代替v-slot:
动态插槽名称
通过v-slot:[name]动态绑定一个名称;
data中的name
name:“left”
2.内置组件
component
is来决定哪个组件被渲染
keep-alive
包裹动态组件时,会缓存不活动的组件实例,而不是销毁他们
transition
3.生命周期
每个组件都可能经历从创建,挂载,更新,卸载的过程
初始化显示
beforeCreate()实例创建前:数据和模板均未获取到
created()实例创建后:最早可访问到data数据,但模板未获取到
beforeMount()数据挂载前:模板已获取,但数据未挂载到模板上
mounted()数据挂载后,数据已挂载到模板中
更新显示
beforeUpdate()模板更新前:data改变后,更新数据模板前调用
updated()模板更新后:将data渲染到数据模板中
销毁vue实例
beforeDestroy()实例销毁前
destroy()实例销毁后
组件缓存
activated:组件被激活
deactivated:组件被停用
4.ref操作dom
使用
在需要的元素上添加ref属性
<p ref="myp">
通过this.$refs.xxx获取
this.refs.myp

回复

使用道具 举报

关注0

粉丝0

帖子76

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026