- VuePress
VuePress是一个由Vue驱动的静态网站生成器，由Vue.js的创始人尤雨溪设计和维护。VuePress结合了Vue的强大功能和webpack的预渲染能力，提供了一个快速、灵活和用户友好的解决方案来编写和发布静态网页。关于VuePress的名称，这是Vue和Press（出版，出版物）两个词的融合，传达了......
- 【转载】Vue Provide / Inject 详细介绍（跨组件通信、响应式变化、版本变化）
版权声明：本文为CSDN博主「前端不释卷leo」的原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景通常，当我们需要从父组件向子组件传递数据时，我们使用props。想象一下这样的结......
- vue3的ref、reactive的使用
一、介绍ref和reactive是Vue3中用来实现数据响应式的API，一般情况下，ref推荐定义基本数据类型，reactive推荐定义引用数据类型（对象或数组） 二、ref与reactive对比<template><p>{{person.name}}</p><p>{{person.long}}</p><p>{{age}}</p><p>{{info.addr......
- Vue组件懒加载
在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。这就是Vue组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。懒......
- 从零开始学习Vue3路由，提升你的前端开发技能
Vue3是当前最流行的前端框架之一，它提供了许多方便的功能和工具，其中路由（Router）就是其中之一。本文将介绍如何在Vue3中使用路由。安装和使用VueRouter首先，我们需要安装VueRouter。在终端中输入以下命令：npminstallvue-router@next--save接下来，我们需要创建一个路由实例。在......
- vue父组件值更新子组件没更新
因为父组件和子组件的数据单向绑定关系，子组件中的数据并不是从父组件中获取的而是通过props传递的。因此只更新父组件的数据不会自动更新子组件中的数据。需要在子组件中通过watch监听num的变化，将最新的值传递给变量，从而更新展示。点击清空button会把num重新赋值，自动触发watch监听......
- Vue3引入滑块验证组件-2分钟搞定
手把手视频地址：https://www.bilibili.com/video/BV1Nu4y1r7Wr/安装npminstall--savevue3-slide-verify登录页面引入template下<template><divclass="login"> <el-cardclass="cover"v-if="loginUser.data.user"> <slide......
- 【Vue】定义配置方法&数据代理
hello，我是小索奇，精心制作的Vue教程持续更新哈，想要学习&巩固&避坑就一起学习叭~Object定义配置方法代码引出数据代理，先上代码，后加解释<!DOCTYPEhtml><html><head><metacharset="UTF-8"/><title>回顾Object.defineproperty方法</title></head><body&......
- Vue-基本语法及事件绑定
一.基本语法v-bind绑定：双大括号不能在HTMLattributes中使用。想要响应式地绑定一个attribute，应该使用 v-bind 指令代码展示：<divid="app"><spanv-bind:title="message"v-html="tips"></span></div><script>letvue=newVue(......
- 使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件目录前言使用的技术栈步骤问题发现待优化前言一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf......