- 博客(10)
- 收藏
- 关注
原创 Vue3父传子有几种接收方法分别是?
在上面的示例中,祖先组件 `Ancestor` 使用 `provide` 提供了名为 `ancestorValue` 的数据。在上面的示例中,父组件 `Parent` 将属性 `propValue` 绑定到子组件 `Child` 上,子组件通过 `$attrs.propValue` 访问这个未声明的属性。父组件可以通过在子组件上绑定属性来传递数据。父组件可以将未在子组件中声明的属性通过 `v-bind="$attrs"` 绑定到子组件上,子组件可以通过 `$attrs` 访问这些属性。
2024-01-09 16:58:57
1382
1
原创 路由有几种传参方式?他们的区别是?
例如:`/path?路径参数适用于传递少量且固定位置的参数,但不适用于大量参数的情况。4. 使用场景:查询参数适用于传递少量简单的参数,路径参数适用于固定位置的少量参数,参数片段适用于前端路由的状态管理,请求体适用于传递大量数据或复杂数据结构。3. 传递能力:查询参数、路径参数和参数片段都可以传递简单的键值对参数,但对于复杂的参数结构或大量参数的情况,建议使用请求体来传递。1. 可见性:查询参数和路径参数是可见的,可以直接在 URL 中看到,而参数片段和请求体中的参数对用户来说是不可见的。
2024-01-09 16:57:08
832
原创 Mixin和components有什么相同之处和不同之处
因此,Mixin 更侧重于将单个类的功能复用到其他类中,而 Components 更注重将多个功能模块组合成一个整体类。Mixin 可以被多个类复用,而 Components 是一个类与其他组件之间的协作关系。Mixin 和 Components 都是用于实现代码重用和组合的技术,它们有相同之处也有不同之处。
2024-01-09 16:54:56
548
原创 Vue3内置组件
需要注意的是,Vue 3 的内置组件在模板中可以直接使用,无需额外导入。除了以上这些,Vue 3 还提供了其他一些内置组件和指令,如。等,它们都能够方便地实现各种功能和交互效果。
2024-01-09 16:54:15
425
原创 Pinia和vuex区别(自用
Pinia和Vuex都是非常好用的数据管理工具,在某些情况下,使用Pinia的web应用程序会比使用Vuex更快,这种性能的提升可以归因于Pinia的极轻的重量,Pinia体积约1KB。使用Pinia主要是它保留了Vuex的核心功能并且使用起来简单。4.不支持时间旅行和编辑等调试功能:尽管Vuex具有许多强大的功能,但它不支持一些调试功能,如时间旅行和编辑,这可能会在开发过程中造成一些不便。3.不适用于小型项目:与Pinia相比,Vuex的功能更加复杂,因此可能不适用于小型或低复杂度的项目。
2024-01-09 16:52:38
733
原创 HTML常见语义化标签收纳
figcaption>:定义 figure 元素的标题,应该被置于 figure 元素的第一个或最后一个子元素的位置。<figure>:规定独立的流内容(图像、图表、照片、代码等等)(默认有40px左右margin)。<address>:作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)。<h>:h1~h6,分级标题,<h1> 与 <title> 协调有利于搜索引擎优化。<article>:定义外部的内容,其中的内容独立于文档的其余部分。<q>:短的引述(跨浏览器问题,尽量避免使用)。
2023-07-17 10:48:20
310
1
原创 Html、Css基础语法使用
text-decoration 设置文本的装饰,值none(默认标准文本)、underline(文本下的一条线)、overline(文本上的一条线)、line-through说明(从文本中间穿过的一条线) text- decoration:underline;在怪异盒模型的情况下,盒子的总宽高的值为“width/height(内容宽度)+margin(外边距)”,其中内容宽高为content部分的width/height+padding(内边距)+border(边框)。
2023-07-09 20:40:57
135
1
原创 Html、Css基础部分面试题(自用)
以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示各种定义的权重值:/*权重为1*/div{}/*权重为10*/.class1{}/*权重为100*/#id1{}/*权重为100+1=101*/#id1 div{}/*权重为10+1=11*/.class1 div{}/*权重为10+10+1=21*/.class1 .class2 div{} 如果权重相同,则最后定义的样式会起作用,但是应该避免这种情况出现。(1)、 声明位于文档中的最前面,处于 标签之前。
2023-07-09 20:38:19
147
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅