Vday5

最新推荐文章于 2024-11-14 17:44:13 发布

junssss

最新推荐文章于 2024-11-14 17:44:13 发布

阅读量109

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_54513151/article/details/139485768

版权

Vue-day5

Vue3

组合式api
原生setup方法要返回对象, setup语法糖
用reactive/ref方法, 实现数据响应式
ref方法, 帮忙包了一层对象, 导致数据层级加深, 在template中, 自动底层减少一层级
组合式api, computed
watch()
immediate, deep
对对象属性进行准确watch
defineProps()
defineEmit()
获取dom元素/子组件
defineExpose()
provide/inject
v-model简化为defineModel()

Pinia

直接对pinia中的store模块返回对象解构, 会丢失其响应式的特性, 可以使用storeToRefs方法来解决这个问题
pinia持久化插件

知识点

数组对象.indexOf()
箭头函数包装预定义函数，可以将预定义的传参继承下来
关键字await，async
.then() .catch()
跨模块访问
路由懒加载

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

junssss

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

VDay

02-14

【标题】"VDay"可能是指一个以"V"日为主题的项目，这通常与庆祝、纪念或特定事件有关。在IT行业中，这样的项目可能是一个网页设计、互动体验或者一款游戏，尤其是在CodePen.io这个平台上，它通常是前端开发的成果...

vday：情人节临近

02-12

DOCTYPE html>`来指定文档类型，确保浏览器以HTML5标准解析页面。 2. HTML元素：`<html>`元素是所有HTML代码的根元素，包含整个网页的内容。 3. 头部元素：`<head>`元素包含元信息，如标题、字符集设置等。例如，...

参与评论您还未登录，请先登录后发表或查看评论

be-my-valentine:Vday mixtape 应用程序为我的情人节

06-23

关于 be-my-valentine 是我的情人节甜心的 mixtape web 应用程序。我爱你。学分这是使用 azer 非常优雅的包“ourtunes”构建的。这里有关于它的信息： : 。音乐 “向上”：莎妮娅·吐温 “遥远的海岸”：通过大...

如何显示当天日期

12-12

5. **格式化日期**：为了将这些值格式化为"yyyy-mm-dd"的形式，我们需要确保月份和日期少于两位数时前面加上0。这通常通过条件运算符（三元运算符）完成，如`vMon ，以及`vDay < 10 ? "0" + vDay : vDay`。这里的`vM...

目标检测-铁路工人安全检测数据集-3000张图-+对应VOC-COCO-YOLO三种格式标签+数据集划分脚本

05-28

为了帮助研究人员和开发者更轻松地利用此数据集进行训练，该数据集还附带了YOLOv8和YOLOv5的一键训练脚本，这些脚本支持多种计算平台，包括： - **GPU/GPUs**：适用于需要大量并行计算的任务，能够显著提高训练速度...

跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0

zhzijun的博客

11-13

410

分析脚手架、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储

Javascript中Map与Set以及其常见遍历方式

警警的博客

11-12

746

在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。

解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题

清晰编程

11-12

154

升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。

Vue中的常用指令

m0_62388400的博客

11-12

1144

指令（Directives）是 Vue 提供的带有的特殊标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令（v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。

从零开始快速构建Vue3项目

欧唯薇

11-13

694

Vue常用加密方式

m0_51431448的博客

11-13

消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。

Nuxt2和Nuxt3 对于SEO优化的区别

书山有路_邓

11-14

332

nuxt

第三十七章 Vue之编程式导航及跳转传参

Calvin的博客

11-10

1583

前面的章节我们学习了声明式导航的路由跳转，简单理解就是通过链接形式的路由跳转，本章节我们来学习下编程式导航跳转，即点击按钮来实现页面的跳转。在Vue中提供了两种实现方式。Home.vue的代码在前者基础上稍做调整即可，获取方式等代码一样。编程式导航两种跳转方式对于两种传参方式也都支持。跳转方法中通过name属性指定路由即可。2.1.1. 查询参数传参（简写）2.2. name命名路由跳转传参。1.2. name 命名路由跳转。2.1. path路径跳转传参。2.2.1. 查询参数传参。

vue3 ts项目结合vant4 复选框+气泡弹框实现一个类似Select样式的下拉选择功能

m0_65292523的博客

11-12

644

const warnNameList = ref([modelSystem(GetPrecent(1000, 1500), '模型名称'), modelSystem(GetPrecent(1500, 2000), '模型名称')])本来想使用vant现有组件直接使用，但是只找到了下拉菜单那种的组件，不满足这个项目的需求，于是我就自己将vant 气泡弹框结合复选框，实现了一个类似element Plus里select下拉选择的组件。// 默认选中下拉列表的第一项。// 复选框全选状态。

vue3 富文本组件（MDEditor）在拖拽组件（vuedraggable）点击功能失效问题

我只是个很菜的前端

11-12

202

vue3 富文本组件（MDEditor）在拖拽组件（vuedraggable）点击功能失效问题拖拽组件内点击事件失效问题

vite + vue3 + ts解决别名引用@/api/user报错找不到相应的模块

最新发布

qq_43206280的博客

11-14

110

这里的前提是，文件路径以及文件已存在的情况下还是报错。

vue3 中,字段必须在 onShow 前定义?

一直在路上

11-14

129

在Vue 3中，如果你在组件的 setup() 函数中使用了生命周期钩子，比如 onShow，你可能遇到了一个错误，提示你在 onShow 前定义了某个字段。这通常意味着你应该在 setup() 函数的顶部定义这些字段，并确保它们是响应式的，这样它们就可以在组件的任何生命周期钩子中被访问和更新。在这个例子中，myField 是在 setup() 函数的顶部定义的，这保证了它在 onShow 被调用前已经定义。这样，myField 就可以在 onShow 钩子中被访问了。

深入探讨JavaScript模块化导出与导入：export与import的使用指南

cooldream2009的博客

11-12

913

在现代JavaScript开发中，模块化编程的理念逐渐成为主流，帮助开发者分解代码，模块化管理功能，以便更好地组织和复用代码。模块化不仅提升了代码的可维护性和可读性，还促进了多人协作。本文将深入探讨JavaScript中的模块化导入和导出，主要聚焦于`export`与`import`的使用方法和最佳实践，并结合实际例子帮助读者更好地理解如何在项目中使用这些功能。

JavaScript 高阶总结

qq_43787947的博客

11-11

901

JavaScript 高级总结

class Man{ private int id; private sDate jt; Man(int ia, int ya,int ma,int da){ /*构造方法的参数包括了sDate类的3个属性*/ id=ia; jt=new sDate(ya,ma,da); } void disp(){ System.out.println("编号："+id); System.out.print("工作日期： "); jt.outdate(); } } class sDate{ private int year; private int month; private int day; sDate(int y,int m,int d){ year=y; if(m>0&&m<13) month=m; /*在构造方法中确定月份的值，如果月份的值不满足条件表达式，则设月份的默认值为1*/ else month=1; day=vDay(d); } private int vDay(int v){ int[] dM={0,31,28,31,30,31,30,31,31,30,31,30,31}; if(v>0&&v<=dM[month]) return v; else return 1; } void outdate(){ System.out.println(year+","+month+","+day); } } class text{ public static void main(String args[]){ Man m=new Man(123,1997,3,21); m.disp(); } }哪里错误

05-30

3. 在 sDate 类中，方法 `vDay()` 中月份的天数数组 `dM` 应该从下标 1 开始赋值，即 `int[] dM={31,28,31,30,31,30,31,31,30,31,30,31}`。修改后的代码如下所示： ```java class Man{ private int id; private...