vue开发技巧集锦第18页

微信小程序之数据的绑定（与vue做对比）

数据绑定与vue的对比Page({/***页面的初始数据*/data:{a:1,b:2,target:true,list:[{id:1,name:"wq",age:18},{id:2,name:"ce"

井底的蜗牛·2024-08-29 21:28

推荐开源项目：VueTube - YouTube 克隆版RESTful API

廉欣盼Industrious·2024-08-29 21:27

Java大文件上传方案(vue+饿了么)：秒传、断点续传、分片上传!

前言本篇文章是基于其他文章的基础上结合自己的理解写出来的,如果哪里有问题请指出!详细教程秒传1、什么是秒传通俗的说，你把要上传的东西上传，服务器会先做MD5校验，如果服务器上有它就会进入秒传，想要不秒传，其实只要让MD5改变，就是对文件本身做一下修改（改名字不行），例如一个文本文件，你多加几个字，MD5就变了，就不会秒传了.2、本文实现的秒传核心逻辑a、利用redis的set方法存放文件上传状态，

无与丶伦比丨·2024-08-29 19:17

深入理解 Vue 2 的双向绑定原理与实现

在Vue2中，双向绑定是Vue的核心功能之一，它通过数据响应式系统使得数据的变化自动反映在视图上，同时用户在视图上做的更改也能够同步回数据模型。

NMY112·2024-08-29 19:46

使用vue+原生js编写时间轴--cesium三维球

突然感觉自己是天生的牛马了，今天同事接到个需求，要写一个关于气象的插件，其他的功能还好说，但是这个时间轴的功能，网上的插件貌似比较少，自己手搓呢，他又不想这么麻烦。然后我看到这个功能感觉觉得挺考验技术的，顿时心里就特别痒痒。哈哈，看我贱不贱。随后我利用周末的时间就手搓了一个时间轴。本来想用canvas来绘制来着，后来想到用canvas绘制的图形性能方面也许会好很多，但是想修改样式缺很不容易。并且我

我爱吃干果·2024-08-29 18:37

基于vue+elementPlus的动态导航标签栏-tabs

实现思路首先用到了element-plus框架中tabs的组件，然后数据我这里是通过vuex来维护的。在点击菜单的

我爱吃干果·2024-08-29 18:06

解决npm install 报错 npm ERR code 128 Permission denied

目录npminstall报错最终方案处理过程初始git配置直接npminstall网上方案查看git官网一直从事java开发，以前都是有专门的前端负责vue。

segegefe·2024-08-29 16:59

Vue笔记总结（Xmind格式）：第二天

Xmind鸟瞰图：简单文字总结：vue知识总结：创建vue脚手架：1.安装Node.js：VueCLI作为一个npm包，需要Node.js来安装和运行。

星河路漫漫·2024-08-29 16:28

vue学习的第三天小结

Object.defineProperty(obj,'a',{get(){//拦截了对于obj对象a属性获取的操作returna;},set(val){//拦截对于obj对象a赋值的操作a=val;}})obj.a=20;new一个vue

微文殇却卟丢气质·2024-08-29 15:44

v-for 和 v-if的用法及优先级

3、使用key的注意事项：v-if：条件渲染v-for与v-if的用法优先级使用场景在Vue中，有两个常用的指令，即v-for和v-if，它们分别用于循环渲染和条件渲染。

我胡为喜呀·2024-08-29 15:47

vue动态绑定事件、传递参数

vue动态传递不确定个数的参数到子组件这个还是经常用的，动态绑定不确定个数的事件就不太常用了，写这篇也是因为自己没有好好看官方文档，所以来记录一下。下面的代码示例就采用vue2了，vue3也是一样的。

会说法语的猪·2024-08-29 14:38

Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)

JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象

I like Code?·2024-08-29 13:35

使用echarts生成颜色渐变曲线图

效果图:1、安装echartsnpminstallecharts--save2、全局注册组件import*asechartsfrom'echarts';Vue.prototype.

湾流~·2024-08-29 13:35

Vuex状态管理

id=1618794879569468435&wfr=spider&for=pc简单入门加实例：转自：https://www.jianshu.com/p/ff2adb84c7f2针对于vue之间各个组件的传值复杂问题使用

EO_eaf6·2024-08-29 12:41

vue 通过 this.$refs 创建方法i向子组件传参让子组件更新

在Vue中，this.$refs主要用于访问子组件的实例或者DOM元素。通过this.$refs，你可以调用子组件的方法或者访问其数据属性，从而实现子组件的更新。以下是一些使用this.

qq_42463588·2024-08-29 12:31

vue el-form中label使用类似小程序text标签 space的功能

在Vue中，没有直接类似于微信小程序中标签的space属性，该属性用于控制文本节点之间的空格处理方式。

qq_42463588·2024-08-29 12:31

报错 warning: LF will be replaced by CRLF in ******.vue.

LF和CRLF其实都是换行符，不同的是，LF是linux和Unix系统的换行符，CRLF是window系统的换行符。git提供了一个”换行符自动转换“的功能，并且这个功能是默认处于”自动模式“即开启状态的。输入命令：gitconfigcore.autocrlffalse(仅对当前git仓库有效）gitconfig--globalcore.autocrlffalse(全局有效，不设置推荐全局）然后重

慢慢雨夜·2024-08-29 12:29

初探Mpvue的组件、样式机制

主要从mpvue的组件、语法以及小程序的相关API完善。

weixin_33912246·2024-08-29 11:53

【菜狗学前端】初探TS（结合在vue3中的使用）

TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:

佛系菜狗·2024-08-29 11:21

2022年高频Java面试题集锦（含答案），让你的面试之路畅通无阻

或许这份面试题还不足以囊括所有Java问题，但有了它，我相信你一定不会“败”的很惨，因为有了它，足以应对目前市面上绝大部分的Java面试了，因为这篇文章不论是从深度还是广度上来讲，都已经囊括了非常多的知识点了。凡事预则立，不预则废。能读到这里的人，我相信都是这个世界上的“有心人”，还是那句老话：上天不负有心人！我相信你的每一步努力，都会收获意想不到的回报。包含的模块本文分为十九个模块，分别是：Ja

java涛仔·2024-08-29 10:27

Vue项目中Axios取消请求功能实现

1，封装axios实例request.jsconstaxios=require('axios');//创建一个axios实例constservice=axios.create({baseURL:"https://ip:port",timeout:60000});exportdefaultservice2，封装请求api.jsimportservicefrom'request'importaxios

流云紫电·2024-08-29 09:43

Vue在线预览文件（docx/xlsx/pdf）

技术栈：Vue2+vue-office+ElementUI简介在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现pdf、docx、xlsx文件的预览。

Cxiaomu·2024-08-29 09:40

Windows实用技巧：在Windows上模拟Unix/Linux下`nohup`命令的实战攻略

Windows上的挑战方案一：使用PowerShell的Start-Process代码示例1：基础应用代码示例2：带参数执行方案二：任务计划程序实战思路代码示例3：创建计划任务（伪代码）安全性与性能优化实际开发技巧遇到问题的排查思路结论与讨论在

DTcode7·2024-08-29 08:06

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。

伯约同学·2024-08-29 07:41

一文带你读懂vue3中directive指令的那些事

概述vue3中内置了很多丰富实用的指令，如v-show、v-if/v-else或v-model等，但是实际开发中可能我们还需要某些统一的处理，比如交互按钮的防抖，输入框的自动focus等，这时我们就可以通过

Jinuss·2024-08-29 05:11

MyPrint打印设计器（二）vue3 实现历史步骤记录

通过vueuse中的useManualRefHistory，快速实现历史操作记录所需环境：vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上，当键盘事件发生时，依次匹配事先订阅的快捷键

那叫一个优雅·2024-08-29 04:37

回车键实现登录

开发框架vue+elementui方法1：在整个输入域的父标签上添加@keyup.enter=“submitFunction”（推荐）。

码不停T·2024-08-29 04:35

在vue中优雅地异步引入（懒加载）腾讯地图API

背景接到一个需求需要在网站首页显示使用腾讯地图展示公司所在地。一开始我直接全局引入了腾讯地图js，结果发现在用户打开登陆页面的时候首页比较缓慢，为了提高用户登陆的加载效率，需要优化为异步引入。思路根据官网的示例，通过dom追加script的方式来加载js，并且在加载完成时会回调window下的callback方法。但是这么使用的话，每次都需要在当前组件中写一个全局的函数，A组件中写的回调函数可能覆

试着奔跑的菜鸟·2024-08-29 03:29

Macbook Pro 安装vue cli报错npm ERR! code ENOTEMPTYnpm ERR! syscall renamenpm ERR! 怎么解决。

cd /Users/xiaohuamei/.npm-global/lib/node_modules/运行以下命令，手动删除@vue/cli文件夹：rm-rf@vue/cli重新运行安装命令：npminstall-g

呆呆槑_Xiong·2024-08-29 03:26

Vue3的Suspense：Suspense是Vue3的另一个新特性，它允许我们在等待异步组件时渲染一些“备用”内容，提高了用户体验。

I.引言A.对Vue3的简要介绍：Vue.js是一款开源JavaScript框架，用于构建用户界面和单页面应用。自从2004年发布以来，Vue.js在全球开发者社区中受到广泛欢迎。

哎你看·2024-08-29 01:46

vue3 基础用法

vue3的基础用法对于MVVM的理解双向绑定a.语义化模版提升开发效率b.MVC：把系统应用分为：model（操作的dom，数据结构）|view（渲染出来的视图dom）|controller（更新的调度

weixin_44101835·2024-08-28 23:31

Vue.js：解锁前端开发的快速入门之旅

标题：《Vue.js：解锁前端开发的快速入门之旅》在日新月异的Web开发领域中，Vue.js以其简洁、灵活和高效的特点，迅速成为前端开发者们的宠儿。

程序员-李旭亮·2024-08-28 21:49

【来来来，我看看是谁不点我】Nuxt3入坑记--JS版

开发更快打包更小支持vite支持vue3支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行

Bug从此不上门·2024-08-28 20:09

Vue项目Hash/History模式下的分享问题

经过测试和总结，有以下几点：使用hash模式和history模式都有需要注意的地方去配置：不同系统打开页面时链接变化hash模式hash模式是默认的，在连接上自动生成的#，需要注意的是安卓会在打开新页面时候，自动截取掉#后面的参数，之前的微信支付调用授权时，hash模式下安卓系统页面跳转回来都不会刷新，导致无法获取新链接中的参数。此处注意的是不能使location.search不能为空，也就是需要

phcodebook·2024-08-28 20:28

vue2的el-select虚拟下拉

说明vue3的的el-select，ElementPlus封装了虚拟下拉的写法，但是有些vue2版本的el-select却没办法用虚拟下拉。如果下拉列表数据量大的话，很导致极度卡顿。

前端没钱·2024-08-28 20:37

Vue事件修饰符

1.vue的事件修饰符有哪些.stop.prevent.self.capture.once.passive2.使用方法.stop，相当于原生写法中的event.stopPropagation()，用于阻止事件冒泡

JoJo_Way·2024-08-28 20:37

VUE-微信小程序 - 生成二维码(qrcode)和条形码（barcode）

一、简介1.二维码2.条形码二、微信小程序-生成二维码(qrcode)和条形码（barcode）1.安装2.使用方法3.条形码4.二维码5.具体实例三、VUE生成二维码(qrcodejs)和条形码（barcode

wenjiangwang·2024-08-28 20:07

vue动态加载组件import引入组件找不到组件（Error: Cannot find module）

使用场景在一个项目中封装了好多组件，根据接口返回不同类型值在页面中动态加载对应的组件。问题描述使用了动态加载组件的方法，组件用import()引入时，直接写成静态路径组件能找到，但是路径里面使用了变量组件就找不到了，报错Error:Cannotfindmodule问题原因import()语法是ES6中新引入的动态加载模块的语法，它可以在运行时加载模块，返回一个Promise对象，可以用来加载不同的

TTong___·2024-08-28 20:36

vue:父子组件的通信

上一篇：vue组件化开发在上一篇文章中，我们申明了一点，那就是组件之间是独立的，除非构建了通信。组件间为什么要构建通信？在单一文件中写上整个网站的代码逻辑，这无疑使得维护成本巨大。

ma_no_lo·2024-08-28 19:35

初识Vue-组件化开发（详解各个组件）

目录一、组件介绍1.概念2.特点3.作用4.应用5.分类二、组件语法1.定义挂载vue应用2.注册全局组件实例1.自定义组件2.计数器3.组件的复用4.局部组件实例5.Prop6.动态Prop7.Prop

码农白衣·2024-08-28 19:05

Vue——组件化开发

目录1.组件的基本使用1.1创建组件构造器对象1.2注册组件1.3使用组件2.全局组件和局部组件2.1全局组件2.2局部组件3.父组件和子组件的区别4.注册组件的语法糖5.组件模板的分离写法5.1script标签5.2template标签6.组件的数据6.1存放问题6.2组件的data为什么必须要是函数7.父组件给子组件传递数据7.1使用props属性，父组件向子组件传递数据7.2props属性使

鹿蹊zz·2024-08-28 19:05

SpringBoot+Vue实现各种文件预览（附源码）

项目下载gitee：Springboot+vue实现小功能:Springboot+vue实现小功能（点个star呀）一、项目介绍技术栈前端：vue

Java学长小李·2024-08-28 18:59

Vue2+vue-office/excel 实现在线加载Excel文件预览

一、GitHub链接：GitHub-501351981/vue-office:支持word(.docx)、excel(.xlsx,.xls)、pdf等各类型office文件预览的vue组件集合，提供一站式

777VG·2024-08-28 18:27

vue2 使用 axios

在Vue2中集成和使用Axios进行HTTP请求操作，通常包括以下几个步骤：一、安装Axios：在项目目录下通过npm或yarn安装Axios。

bjzhang75·2024-08-28 18:25

Vue3中的reactive，shallowReactive，ref，shallowRef；readonly，shallowReadonly； toRaw，markRaw简单介绍

reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly:只读属性的数据，深度只读conststate2=readonly(state)shallowReadonly:只读的数据，浅只读的toRaw:·作用：将一个由reactive生成的响应式对象转为普通对象·使用场景

会说法语的猪·2024-08-28 17:21

VUE3-shallowReactive函数与shallowRef函数（14）

当前的x.y值是：{{x.y}}点我替换x点我x.y++

「已注销」·2024-08-28 17:20

vue中使用day.js实现时间格式的互相转换

简介Day.js是一个轻量的处理时间和日期的JavaScript库，被设计用于在浏览器和Node.js中工作。安装npm安装>npminstalldayjs--save项目中使用importdayjsfrom'dayjs'//或vardayjs=require('dayjs')dayjs().format()常用正常时间格式转Unix时间戳(毫秒)let<

疯狂拔头发·2024-08-28 17:46

vue如何获取div的宽度_vue 动态获取div宽高有时候为0的情况

项目背景：需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。需要使用this.$nextTick(()=>{});方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。importechartsfrom'echarts';exportdefault{name:"wifiCollect",props:{classN

weixin_39801613·2024-08-28 17:46

vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度

一：网页可见区域宽高，不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；do

梦终会碎·2024-08-28 17:15

vue前端动态获取页面高度宽度

data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件，窗口resize时候触发函数handleResize，这句是核心window.addEventListener('resize',this.handleResize);}

Hrational·2024-08-28 17:42

推荐频道

vue开发技巧集锦