自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 问答 (3)
  • 收藏
  • 关注

原创 前端学习——Vue #day7#

前面学习的props是将数据从父级向子级传递,而不能将数据从子级向父级传递,而今天学习的$emit方法触发自定义事件可以将数据从子级传递到父级。1.在子级中,首先是触发事件2.然后通过#emit向父级发送触发事件3.在父级中,首先接受触发事件4.然后是执行事件。

2024-04-08 21:33:16 362

原创 前端学习——Vue #day6#

要传递给博客文章组件一个标题,我们必须在组件的 props 列表上声明它。如果你全局注册了一个组件,即使它并没有被实际使用,它仍然会出现在打包后的 JS 文件中。相比之下,局部注册的组件需要在使用它的父组件中显式导入,并且只能在该父组件中使用。在父组件中使用子组件时,不太容易定位子组件的实现。通过props传递数据,不仅可以传递字符串类型的数据,还可以是其他类型的数据,例如:数字、对象、数组等。一个组件可以有任意多的 props,默认情况下,所有 prop 都接受任意类型的值。我们可以使用 Vue实例的。

2024-04-07 20:58:11 555

原创 前端学习——Vue #day5#

虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的ref是一个特殊的 attribute,和v-for章节中提到的key类似。它允许我们在一个特定的 DOM 元素或子组件实例被挂载后,获得对它的直接引用。这可能很有用,比如说在组件挂载时将焦点设置到一个 input 元素上,或在一个元素上初始化一个第三方库。

2024-04-01 22:06:14 283

原创 前端学习——Vue #day4#

Vue 能够侦听响应式数组的变更方法,并在它们被调用时触发相关的更新。

2024-03-29 16:47:51 381 1

原创 前端学习——Vue#day3#

clientX、clientY、pageX、pageY、screenX、screenY:由鼠标事件触发时的鼠标相对于浏览器窗口、文档、屏幕的坐标;shiftKey、ctrlKey、altKey、metaKey:由按键事件触发时的 Shift、Ctrl、Alt、Meta 键的状态。button、buttons:由鼠标事件(如 click、mousedown、mouseup)触发时的鼠标按钮的标识码和状态码;keyCode、key:由按键事件(如 keyup、keydown)触发时的按键的键码和键名;

2024-03-28 01:30:01 169

原创 前端学习——Vue#day2#

当数据项的顺序改变时,Vue 不会随之移动 DOM 元素的顺序,而是就地更新每个元素,确保它们在原本指定的索引位置上渲染。为了给 Vue 一个提示,以便它可以跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的。的:如果在初次渲染时条件值为 false,则不会做任何事。是“真实的”按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建。但是检查网页的时候 <h3>v-show也被渲染了。这是执行后的结果,其中有<h1>块对应的内容显示出来了。

2024-03-26 23:46:15 801

原创 前端学习——Vue #day1#

将components里的内容全部删除,然后将App.vue文件改为如图所示(<script>和<template>的顺序可以交换),App.vue就是我们要敲代码的地方。3. 依次按照途中绿色指令执行就行了,除了要把第二行 npm install 改为 cnpm install!通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如。中的导入和顶层变量/函数都能够在模板中直接使用。上,它会指向当前的组件实例。

2024-03-26 01:22:43 611 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除