VUE3.0

前端VUE3.0,DAY19，列表过滤

VUE3.0,DAY19生成一个人员列表实现列表过滤即模糊查询计算属性实现列表过滤（模糊查询）生成一个人员列表列表过滤Vue.config.productionTip=false{{XianShi.name
疯子的梦想＠·2023-11-24 15:33

Vue3.0导出数据为自定义样式Excel

前言当下开发web应用系统的时候，我们往往会遇到需要把网页上面的数据导出到excel这样的需求，真实的企业项目里对应一些导出财务报表、员工信息、交易记录、考勤打卡记录…等等需求，本文将对此做探讨。开始前补充：网上是有些牛人已经把这个功能封装成组件了，但每个人的封装逻辑五花八门，组件的功能也很有限，不一定真能完全符合自己的业务需求，找相应的API也很麻烦，存在不太敢用，不会用等问题，那么本文将教你如
qq_24800489·2023-11-24 14:01

【Vue3.0】- 组件更新

组件更新：完整的DOMdiff流程组件渲染过程，就是把各种类型的vnode渲染成真是DOM组件是由模板、组件描述对象和数据构成的数据的变化会影响组件的变化组件的渲染过程中创建了一个带副作用的渲染函数，当数据变化的时候就会执行这个渲染函数来触发组件的更新副作用渲染函数更新组件的过程带副作用渲染函数setupRenderEffect的实现constsetupRenderEffect=(instance
啦啦啦喽啰·2023-11-24 11:45

vue3接口、数据懒加载,回滚不重复加载

有多少条表格数据就会请求多少次接口，为了提升性能，所以采用接口懒加载，但是需要在回滚的时候不重复请求或者加载数据使用@vueuse/core中的useIntersectionObserver来实现监听进入可视区域行为，但是必须配合vue3.0
₍•ʚ•₎呀呀·2023-11-24 11:53

vue2.0源码之数据双向绑定原理和实现

vue源码之数据双向绑定原理和实现一.双向绑定的原理介绍二.简单实现双向绑定三.体验双向绑定这里什么说是vue2.0的双向绑定原理是因为和vue3.0的实现方式是有区别的。
高质量coder·2023-11-24 07:14

vue项目中使用 tinymce富文本编辑器

1.下载插件vue2.0请下载以下版本"tinymce":"5.1.0""@tinymce/tinymce-vue":"3.0.1"vue3.0请下载以下版本"tinymce":"5.10.3""@tinymce
发现一个宝藏哈哈·2023-11-23 04:55

Vue3.0项目---蜘蛛电影（解析）

项目简介蜘蛛电影主要是仿猫眼电影的一个vue项目主要功能：1.城市定位2.展示正在热映的电影3.展示即将上映的电影4.搜索5.展示影院6.我的页面7.电影详情项目开发环境编译工具：vscode操作系统：win10node环境：node12.18.3npm6.14.6Vue脚手架：vue-cli4.5.4版本管理工具：gitbash2.28.0服务器软件：Tomcat9.0（我设置Tomcat服务
Taptaq·2023-11-22 16:55

vue3+elementPlus登录向后端服务器发起数据请求Ajax

后端的url登录接口先修改main.js文件//导入Ajax前后端数据传输importaxiosfrom"axios";constapp=createApp(App)//vue3.0使用app.config.globalProperties
牛壹壹·2023-11-22 16:20

【vue3.0】25.0 某东到家（ 廿五）——真机调试

真机联调方式一种方式是手机和电脑连同一个局域网，也就是同一个WiFi运行项目会在终端显示ip连接的地址：image.png因为目前我的是手机热点，需下面的方式：如果是手机开热点给电脑用，可以win+R键输入ipconfig查询本机ip，然后在手机浏览器上直接打开ip:8080即可image.png比如我的就是需要访问192.168.24.113::8080image.pngimage.pngima
bobokaka·2023-11-22 11:09

vue3.0 使用 keep-alive 标签无效, 及其在 vue admin Layout 多级嵌套下出现问题

解决方案在下面,可以直接跳过,这是我遇到的一些问题先说一下问题所在,虽然vue3.0不需要rootdiv,但是keep-alivetransition这两个标签都需要错误示范rootdiv不能加在component
是阿臻·2023-11-22 08:09

【Vue3】vue3全解

文章目录一、vue3简介二、vite基本使用三、创建vue应用四、选项API和组合API（一）选项API（二）组合API五、组合API（一）setup函数（二）生命周期1、vue2.x生命周期钩子函数2、vue3.0
奔跑の大可爱·2023-11-22 07:19

vue3使用 npm run dev时报错Cannot find module ‘worker_threads‘

vue3.0启动项目的时候报错Cannotfindmodule‘worker_threads’网上找到的解决办法是升级node版本，试了一下竟然成功了！
仙女爱吃鱼·2023-11-22 04:00

vue3.0中实现excel文件的预览

最近开发了一个需求，要求实现预览图片、pdf、excel、word、txt等格式的文件；每种格式的文件想要实现预览的效果需要使用对应的插件，如果要实现excel格式文件的预览，要用到哪种插件呢？答案：xlsx.full.min.jsxlsx.full.min.js是由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、
时清云·2023-11-22 01:29

vscode终端创建目录报错受限处理 vue : 无法加载文件 D:\Software\NodeJs\node_global\vue.ps1，因为在此系统上禁止运行脚本

报错下如图因为在此系统上禁止运行脚本,PowerShell的执行政策阻止了该操作,解决方法如下：1、查看是否是受限状态：Get-ExecutionPolicy显示Restricted（受限状态）PSE:\vue3.0
Jonhos·2023-11-21 17:03

VUE3 数据的计算

和Vue2.0一样，数据的计算也是使用computedAPI，它可以通过现有的响应式数据，去通过计算得到新的响应式变量，用过Vue2.0的开发者应该不会太陌生，但是在Vue3.0，在使用方式上也是变化非常大
前端不加班·2023-11-21 15:06

Vue3.0 PK React17 ，谁胜?

前两天刷知乎看到这样一个问题：你为什么选择React而不选择Vue？竟然有高达117W的关注。总结了一下热门回答，大概是：Vue更适合小项目，React更适合大公司大项目；Vue的学习成本较低，很容易上手，但项目质量不能保证；大公司基本都用React，而Vue很少...这么讲来，Vue就真的没有可用性了吗？并不是，不管是Vue还是React，他们只是为产品提供不同的解决方案，同样有利有弊。如果你想
程序员资源社区·2023-11-21 14:40

Vue3.0种中新增的teleport和suspence标签

teleport标签我们通过vue创建的项目，最终的html文件，只会有aap那个div标签，所有组件都是基于这个div显示。然而，有时组件模板的一部分逻辑上属于该组件，而从技术角度来看，最好将模板的这一部分移动到DOM中Vueapp之外的其他位置。这个标签可以指定将标签内的元素添加到指定位置。用法：//想要添加的内容比如在index.html中，app那个div外添加元素节点，我们先手动创建一个
M78_国产007·2023-11-21 09:07

Vue3基础知识点

拉开序幕的setup理解：Vue3.0中的一个新的配置项，值为一个函数setup是所有CompositionAPI（组合API）的’表演舞台‘组件中所用到的：数据、方法等等，均要配置在setup中setup
小六妹妹·2023-11-21 09:37

vue3中的组件数据懒加载useIntersectionObserver

我们可以使用@vueuse/core中的useIntersectionObserver来实现监听进入可视区域行为，但是必须配合vue3.0的组合API的方式才能实现。
haodanzj·2023-11-21 08:30

useVModel工具函数

大致步骤：实现组件本身的选中与不选中效果实现组件的v-model指令改造成@vueuse/core的函数写法）实现双向绑定vue3.0中v-model会拆解成属性modelValue和事件update:
haodanzj·2023-11-21 08:30

vue3.0知识点总结（六）——自定义ref （customRef的用法）

作用：创建一个自定义ref,比对其依赖项跟踪和更新触发进行显示控制实现防抖效果：get:用于读数据进行调用set:用于修改数据时进行调用{{keyword}}import{ref,reactive,toRaw,customRef}from"vue";exportdefault{setup(){//自定义函数内部实现functionmyref(value){lettimer;returncustom
Mr.指尖舞者·2023-11-20 20:55

Vue3.0中使用ref来调用子组件的方法

Vue3.0中使用ref来调用子组件的方法Vue2.0父组件templatemethodsthis.$refs.eleTable.子组件的方法名+()this.
往事随风吧@·2023-11-20 03:05

vue3.0中的readonly和shallowReadonly

readonly：将包裹的对象变为只读，并且是深度只读readonly与shallowReadonlystate:{{state}}更新数据import{computed,defineComponent,onMounted,reactive,readonly,ref,}from'vue'exportdefaultdefineComponent({setup(){conststate=reactiv
Realistic-er·2023-11-19 18:28

vue3.0学习笔记 (readonly深只读和shallowReadonly浅只读)

1.readonly深只读(全部深只读不具备改的能力)姓名:{{workObj.nameObj.names}}职业:{{workObj.work}}工资:{{workObj.wage}}点击改变数据import{reactive,readonly}from"vue";exportdefault{setup(){//相当于vue2.0中的dataref准备进行响应式letworkObj=reacti
许你满眼星辰·2023-11-19 18:28

Vue3.0项目实战+ElementUI从入门到实战

课程地址:Vue3.0项目实战2021｜Vue差异化对比+实操公司后台管理系统｜零基础入门前端开发教程(C#/.Net/Vue基础/Vue3技术入门讲解/Vue实战)_哔哩哔哩_bilibilihttps
小前端而已·2023-11-19 16:07

Vue3.0的初体验

官方文档（中文版）：https://vue3js.cn/docs/zh/创建一个Vue3.0的项目1、npminitvite-appvue3.02、cdvue3.03、npminstall4、npmrundevimage
cain07·2023-11-19 14:20

qiankun的微实践--初步挂载demo1.0

自己近期仿照qiankun官方demo做了个小型的微前端demo尝鲜，主应用用的vue3.0框架，分别创建了react17版本，react16版本、vue2.0版本等子应用。
等不到戈多了·2023-11-19 10:47

区别Vue 2.0 和 Vue 3.0

Vue3.0是在Vue2.0的基础上进行了重大的更新和改进。
嘘~！·2023-11-19 09:27

什么是 Vite？

一、什么是ViteVite是vue的作者尤雨溪在开发vue3.0的时候开发的一个web开发构建工具。由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。
huangpb0624·2023-11-17 16:11

vue3数组操作学习

//vue3.0需要引入ref或者rea
__不靠谱先生·2023-11-17 15:13

setup、ref函数、reactive函数、Vue3中的响应式原理、Vue3中组件的使用、计算属性-vue3

文章目录1、setupps:2、ref函数3、reactive函数4、Vue3中的响应式原理Vue3中的响应式原理vue2的响应式原理5、Vue3.0中组件的使用6、计算属性1、setup理解：Vue3.0
十 二·2023-11-17 14:21

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

尤大的Vue3.0已经发布有一阵子了，已经很成熟了。而且ElementPlus+Vite也出了一段时间了，是时候该上手体验分享一波了。
m0_67403188·2023-11-17 14:32

vue3.0--vite配置别名路径

这里记录一下关于Vite搭建的Vue3.0项目，别名路径的配置，直接上代码vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs
七月_Mo·2023-11-17 08:34

浅谈vue2.0和vue3.0的区别

Vue3.0相对于Vue2.0有以下改进：Vue3.0是一个新版本的Vue.js，它提供了更高效的渲染性能和更强大的工具链。
缘飞梦·2023-11-17 06:01

vue3.0 能拖动分割线查看两张图的前后对比效果(鼠标滑动两张图片前后对比)。

能拖动分割线查看两张图的前后对比效果(鼠标滑动两张图片前后对比)来吧展示comeonbaby：详细点开全屏看效果哦：duiBihtml:修复前修复后ts(typescript):import{onMounted,ref}from"vue"importBeforeAfterfrom'@/utils/beforafter'onMounted(()=>{newBeforeAfter({id:"#one"
造梦者FZ·2023-11-17 00:13

vue3.0 03 父子组件通信 父组件使用ref获取子组件中所有数据 子组件中使用expose限定父组件中获取范围操作流程

1.父组件使用ref获取到子组件所有数据流程1.创建Demo01子组件模板,在父组件中调用Demo01并且定义ref2.声明ref中数据内容letgetSonMsg=ref();3.从子页面获取到子页面所有数据内容onMounted(()=>{console.log("使用ref获取到的子页面中的数据是：",getSonMsg.value);});4.父页面完整代码这里是被定义的父组件01impo
不染-9732·2023-11-16 21:43

【Vue】过滤器Filters

hello，我是小索奇，精心制作的Vue系列持续发放，涵盖大量的经验和示例，如对您有用，可以点赞收藏哈过滤器filters过滤器已从Vue3.0中删除，不再支持了，这里可以作为了解进行学习vue3要精简代码
即兴小索奇·2023-11-15 03:07

在vue3.0项目中使用tinymce富文本编辑器

目录一、安装二、完整代码三、事项说明四、参考文档  之前看了好几篇关于vue项目中使用tinymce的文章，import引入大量tinymce插件，/node_modules/tinymce下的部分文件搬运到public文件夹下（可能是以前只能用这种方法来实现吧），对于我来说，或者之前没用过tinymce，觉得这样操作起来就会麻烦，一不小心就可能会出错，后然直接看官方文档（英文），发现其实不需要什
mrjimin·2023-11-15 00:27

vue2、vue3、react虚拟domdiff算法的区别

vue3随着Vue3.0版本的发布，我们在使用或者对其源码进行阅读时会惊讶的发现，它又又又双叒叕变强了，尤大本人在直播中也提到新的Vue会比老的Vue有1.3到2倍的提升，它的更新机制会更加的快速敏捷。
奔跑吧、GZB·2023-11-14 23:57

总结Vue 团队开发的一些基本配置封装分享

本文已授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益简介本篇文章主要带来的是vue基础架构篇，大家都知道，Vue3.0后Vue2.0会有一个终结版出来，也就说明Vue迎来了新时代，但是并不是所有项目都能够一起迈向新时代的轮船
前端劝退师·2023-11-13 08:29

基于Element-ui 封装带分页的 Table

（ps：这是适配的vue2.0，如果使用vue3.0，对slot部分需要做一下调整）2023.03.17更新：简化table高度的设置方法，支持简单的跨页选择，支持排序，优化tableRenderHeader
Alice_hhu·2023-11-13 03:07

vue3.0出来了2.0还需要学吗,vue2.0和3.0区别大吗

vue2.0和3.0区别项目目录不同1、vue-cli3.o移除了config.文件夹。2、多了文件。3、新增了一个views文件夹。4、删除了static新增了public文件夹。5、移动到public了。配置项不同1、vue-cli2.0的域名配置，分为开发环境和生产环境。2、所以配置域名时，需要在config中的和。3、中分别配置3.0config.文件已经被移除。4、但是多了。env.pr
aifans_bert·2023-11-13 00:09

vue3.0二次封装el-table

实现效果：注意点：vue3取消slot-scope，改用v-slot，简写#。刚学vue3不久，语法不太熟悉，花了点时间。核心代码:详细代码://子组件{{scope.row.value}}import{defineComponent}from'vue';exportdefaultdefineComponent({props:{tableData:{type:Array,default:()=>{
一只小药锅·2023-11-11 19:16

android6 全局对话框,vue3.0自定义组件|vue3仿android/ios弹框|Vue3.x全局对话框

介绍前几天有给大家分享一个vue2弹框组件，今天主要分享的是Vue3.0实现轻量级移动端自定义弹出框组件V3Popup。V3Popup一款基于vue3.0开发的移动端自定义弹出层组件。
華先生·2023-11-11 14:05

vue3.0生命周期函数

什么是生命周期：vue中每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在vue2.x中的生命周期为beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedactivateddeactivatederrorCaptur
ey..·2023-11-11 14:59

vue3中生命周期函数

再过去几年里，我们一直停留在Vue2.x的学习和实践，而当下Vue3.0是Vue.js的最新版本，很多大厂已经开始转型Vue3.0。所以，我们必须紧跟时代步伐，熟练掌握并深刻理解Vue3.0。
尔嵘·2023-11-11 14:23

Vue3-学习笔记

目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.
BlackStar-Coder·2023-11-11 11:17

大前端学习笔记 -- Composition API

CompositionAPI文章内容输出来源：大前端高薪训练营一、CompositionAPI使用1.使用Vue3.0先创建一个空文件夹，然后进入文件夹执行npminit-y，再执行npminstallvue
爱玲姐姐·2023-11-11 11:16

VUE3.0-常用 Composition API源自——学习笔记

、常用CompositionAPI官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.html1.拉开序幕的setup理解：Vue3.0
sen丶晓森·2023-11-11 11:15

Vue3.0报错：Failed to resolve component el-form-item导致el元素无法显示

导入elementui时选择的是按需导入，需要在element.js中引入相应组件。import{ElForm}from'element-plus'import{ElButton}from'element-plus'import{ElFormItem}from'element-plus'import{ElInput}from'element-plus'importlangfrom'element-
m0_67265919·2023-11-11 09:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他