Vue杂谈

VUE3侦听器:watch与watchEffect的区别与使用

一、watch与watchEffect的区别watch和watchEffect都能响应式地执行有副作用（除了返回预期结果外还会简介影响其它数据）的回调。它们之间的主要区别是追踪响应式依赖的方式watch：只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。watch
一天只码五十行·2024-03-10 22:21

element-ui 分页器中的 :current-page.sync是干什么的

具体来说：双向绑定：.sync修饰符是Vue提供的一种语法糖，用于简化父子组件之间关于props的更新和事件触发的代码。
才艺のblog·2024-03-10 13:41

vue3 slot的定义与使用

在Vue3中，slot（插槽）被重构为更直观和强大的机制。具体定义和使用方式如下：定义插槽：在组件的模板中，使用<slot></slot>标签来定义插槽。
可爱的秋秋啊·2024-03-10 12:10

element-ui 中 使用＜el-upload＞＜/el-upload＞组件，第二次点击上传无反应

出现问题：在vue项目中使用el-upload组件，实现文件上传的功能，第一次点击可以上传，第二次点击按钮无反应出现此问题的原因：由于上次上传的文件流还在，未被清除解决办法：通过ref与组件进行关联导入在上传成功的函数中进行清空流文件
今天星期八·2024-03-10 12:39

vue-过滤器

过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示：{{name|Upper}}过滤器分为全局过滤器和本地过滤器,全局过滤器顾名思义就是所有Vue实例挂载的元素内都能使用，而
撕心裂肺1232·2024-03-10 09:07

前端面试练习24.3.5

webpack相关项目使用webpack流程进入一个初始化好的vue项目下载安装webpack相关依赖包/插件npminstall--save-devwebpackwebpack-cliwebpack-dev-server
程序猿online·2024-03-10 05:01

【开源】JAVA+Vue.js实现独居老人物资配送系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统展示四、核心代码4.1查询社区4.2新增物资4.3查询物资4.4查询物资配送4.5新增物资配送五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
蜜桃小阿雯·2024-03-09 19:19

vue3学习(更新中)

目录创建一个vue应用编写APP组件main.tsAPP.vuesetupref和reactiverefreactive创建一个vue应用npmcreatevue@latest编写APP组件main.tsimport
倒霉娃不要倒霉·2024-03-09 17:17

vue3注册全局组件

引入我们的组件跟随在createApp(App)后面切记不能放到mount后面这是一个链式调用用其次调用component第一个参数组件名称第二个参数组件实例import{createApp}from'vue'importAppfrom
前端小趴菜05·2024-03-09 17:16

【开源】JAVA+Vue.js实现智能教学资源库系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2课程档案模块2.3课程资源模块2.4课程作业模块2.5课程评价模块三、系统设计3.1用例设计3.2数据库设计3.2.1课程档案表3.2.2课程资源表3.2.3课程作业表3.2.4课程评价表四、系统展示五、核心代码5.1新增课程评价5.2生成课程作业5.3新增课程资源5.4查询课程5.5新增课表五、免责说明一、摘要1.1项目
蜜桃小阿雯·2024-03-09 13:11

Springboot + Vue用户管理系统

Springboot+Vue用户管理系统主要实现了管理员的登录，用户管理，用户的增删改查等操作，技术实现，前端采用Vue后端采用Springboot,前后端分离系统，数据库使用mysql还用到了redis
bysjlwdx·2024-03-09 11:38

vue如何解析后台传回的文件流

一、配置axios的响应类型请求拦截器中增加代码，判断如何调用的接口是文件下载接口将响应类型设置成blobconfig.responseType='blob'二、将获取回来的文件流转换成base64blobToBase64(blob){returnnewPromise((resolve,reject)=>constfileReader=newFileReader();fileReader.onlo
我还能再卷一点·2024-03-09 11:07

实现mini vuex

import{inject,reactive,computed}from"vue";constSTORE_KEY="__store__";functionuseStore(){returninject(
A 风·2024-03-09 10:06

react vue 背景挂载机器

问题：项目当中我们有的时候会遇到多个背景图片在一个地方展示的问题当时项目比较急没有时间做工具函数，被团队优化以后有，时间进行工具函数编写技术：插槽，和css背景这个还不是最终的状态背景定位还有两个属性子组件//positioning:{left:{direction:"center"},right:{direction:"cneter"}constBackgroundMounter=(props)
卑微的雨落·2024-03-09 09:05

将组件直接绑定到vue实例上面的写法

怎么将组件直接绑定到vue实例上面？在实际开发过程中，有多种使用vue组件的方式，有在组件中引入，直接挂载到vue进行全局使用，也有直接挂载到vue实例上面当成vue的一个属性来使用的。
不忘初心ing·2024-03-09 08:04

vue-cli 项目中使用 webpack 的 require.context 实现全局引入组件

文章内重点在于require.context的使用具体可查看webpack官网vue-cli工程建的项目components/index.js/***创建一个引入文件上下文*不懂上下文的参考语文对于上下文的理解及
Enginner_XZ·2024-03-09 08:07

【前端 VUE】vue Elemente-UI 管理后台自定义 导航菜单栏

记录管理后台侧边导航栏做成通用小组件借助Elemente-UI：侧边栏容器：导航菜单创建父组件页面aside.vue*（default-active为当前激活菜单的index，（设置为当前的路由名称this
悟空_大师兄_·2024-03-09 00:23

Python北京二手房源爬虫数据可视化分析大屏全屏系统 开题报告

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-03-08 19:16

Vue3.0+Typescript项目中注册全局自定义组件的方法

Vue3.0+Typescript项目中注册全局自定义组件的方法1.第一步,在src/components下面自定义一个目录,新建.vue开发自己的组件!(以我开发的组件为例!)
NSC丶warrior·2024-03-08 18:13

Android程序员的Java后台学习建议

Android开发，一路走来经历了Java、Kotlin的洗礼；在“原生要凉”的氛围下学习Cordova、ReactNative、Weex、Flutter等跨平台框架；之后又在“大前端”的口号下延伸到React、Vue
Androidgiao·2024-03-08 14:37

vue | ubuntu安装vue

nvm由于node.js的版本一直处于不断更新中，所以我们需要一个版本管理器来更好的使用node.js。nvm是一个开源的node版本管理器，通过它，你可以下载任意版本的node.js，还可以在不同版本之间切换使用。注意：安装nvm之前，要确保当前机子中不存在任何版本的node，如果有，则卸载掉。github：GitHub-nvm-sh/nvm:NodeVersionManager-POSIX-c
m0_57195758·2024-03-08 12:06

VUE——v-once指令

官网介绍v-once用法：Thiswillneverchange:{{msg}}comment{{msg}}{{i}}例子：Document改变aboutOnce值{{aboutOnce}}newVue
水煮庄周鱼鱼·2024-03-08 08:01

vue中表单数据规则验证

1、使用:rules属性，如后h5代码-->2、js代码//手机号验证规则constvalidatePhon=(rule,value,callback)=>{varreg1=/^1[3-9]\d{9}$/;varreg=/^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35
吱吱喔喔·2024-03-08 08:30

vue中elementUI样式无法修改的问题 /deep/ >>>

最近在开发中发现了修改elementUI样式的时候，添加了scoped的组件无法修改的样式，去掉scoped就可以了。这里我们就先看一下scoped这个属性的作用以及原理。一：scoped的作用和原理scoped的作用：当标签有scoped属性时，它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实
小白快跑true·2024-03-08 07:30

vue3+element-plus el-input 自动获取焦点

虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
Hico、·2024-03-08 06:59

介绍Node.js+Electron框架下和常用（HID 串口 BLE）硬件通信方法

可以内嵌reactvue等前端框架，直接将web页面转换成桌面客户端程序。Electron|使用JavaScr
古木12345·2024-03-08 03:55

行业杂谈---人形机器人的未来

在之前的文章《自动驾驶---行业发展及就业环境杂谈》中笔者也提到了人形机器人的方向，同智能汽车一样，也会是未来机器人领域的一个重要分支，本篇博客对其作简单介绍，让读者有一个概念。
智能汽车人·2024-03-07 23:49

Python湖南长沙二手房源爬虫数据可视化分析大屏全屏系统 开题报告

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-03-07 21:17

vue3的开发小技巧

$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用
单调的王先森·2024-03-07 19:14

vue实现关闭浏览器退出登录功能（区别关闭和刷新）

项目场景：在实现单点登录时，发现关闭浏览器后，并不会自动退出登录解决方案：在app.vue中书写如下代码 data(){  return{   gap_time:0,   beforeUnload_time
一个巨蟹座的前端·2024-03-07 19:14

Vue的模板语法多种写法

Vue的模板语法在Vue中，{{}}语法属于基础模板语法，往界面上按照普通文本插入文本，还可以再其中插入表达式，比如；年龄：{{stu.age-10}}信息：{{msg}}可以使用多个{{}}来获取数据
偷只猫来养·2024-03-07 14:38

【vue.js】文档解读【day 1】 | 模板语法2

受限的全局访问指令参数动态参数动态参数中值的限制动态参数中语法的限制模板语法JavaScript表达式除了前面的文本插值、绑定attr属性外，我们还可以直接在Vue中输入JavaScript表达式。
欲尽·2024-03-07 07:58

vue element plus Cascader 级联选择器

当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。TIP在SSR场景下，您需要将组件包裹在之中(如:Nuxt)和SSG(e.g:VitePress).基础用法#有两种触发子菜单的方式只需为Cascader的options属性指定选项数组即可渲染出一个级联选择器。通过props.expandTrigger属性控制子节点的展开方式Childoptionsexpandwhenclicke
跟Bug双向奔赴·2024-03-06 21:48

【无标题】

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。
谷渊77·2024-03-06 18:13

【vue3 路由使用与讲解】vue-router ： 简洁直观的全面介绍

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para
oumae-kumiko·2024-03-06 18:13

【python课程作业】python学生成绩管理系统

功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。给舍友做的课程作业。
山东好汉Tim·2024-03-06 08:31

day49（vueJS）vue3的生命周期钩子 服务端渲染概念 vue3的组建通信 vue3的ref属性应用 vue3（vuex和pinia的使用）

vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3
李中豪前端大佬·2024-03-05 21:16

Vue3教程

1.1配置环境vue官网：Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。
m0_59519985·2024-03-05 19:14

VUE3（二）使用vue-cli创建一个项目

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。
camellias__·2024-03-05 13:03

Vue.js--基础

Vue1、基本概念渐进式框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验特点解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2、安装Vue.js 1.直接CDN引入
Lemon_Kang·2024-03-05 09:02

解决vue组件中使用v-for出现告警问题及v for指令介绍

解决vue组件中使用v-for出现告警问题及vfor指令介绍错误
芳_e2c4·2024-03-05 08:53

vue3配合naive-ui的虚拟表格显示超过1000条数据，并且带有单选按钮

父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom".
沙滩上的一颗石头·2024-03-05 05:56

Nginx conf文件配置

正常地址配置（vue打包dist项目）server{listen端口号;server_namelocalhost;#charsetkoi8-r;#access_loglogs/host.access.logmain
程似锦吖·2024-03-05 03:53

Vue路由模式

聚沙成塔·每天进步一点点本文内容⭐专栏简介路由模式1.Hash模式2.History模式选择路由模式的考虑因素⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！
几何心凉·2024-03-05 02:23

Python上海美食餐厅餐馆商家爬虫数据可视化分析和推荐查询系统 开题报告

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-03-04 20:15

springboot/ssm工作量统计系统Java工作记录可视化管理系统web

springboot/ssm工作量统计系统Java工作记录可视化管理系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本
kirito学长-Java·2024-03-04 16:39

Vue 3 中的 Teleport 特性详解

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。
琛哥的程序·2024-03-04 14:36

Vue/React 前端高频面试

说一说vue钩子函数钩子函数是Vue实例创建和销毁过程中自动执行的函数。按照组件生命周期的过程分为：挂载阶段->更新阶段->销毁阶段。
王哈哈的学习笔记·2024-03-04 09:00

Vue 3 中的 Composition API 详解

Vue.js，作为前端领域流行的框架之一，以其响应式数据绑定和组件化开发赢得了广大开发者的喜爱。
奔强的程序·2024-03-04 07:56

Vue 3 中的 setup 函数是如何工作的？

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。
奔强的程序·2024-03-04 07:56
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他