VUE3.0

开源项目低代码表单FormCreate从Vue2到Vue3升级指南

开源项目低代码表单FormCreatev3版本基于Vue3.0构建，尽管功能与v2版本大致相同，但有一些重要的变更和不兼容项需要注意。
低代码研究员·2024-09-14 16:14

vue3.0父子组件的通信

vue3.0父子组件的通信Vue3.0组件通信Vue3.0组件通信vue3.0脚手架setup内部的组件通信1、父到子通过props父组件import{defineComponent,reactive}
勤奋的代码搬运工·2024-09-11 19:19

Vue3.0中常用的通信方式

1.父传子（Props）：父组件通过props向子组件传递数据。父组件：importChildComponentfrom'./ChildComponent.vue';exportdefault{data(){return{messageFromParent:'HellofromParent',};},components:{ChildComponent,},};子组件：{{message}}exp
CV__工程师·2024-09-11 19:47

二、vue3.0之组件通信之父子通信

在vue3.0中我们应该怎么去做组件通信呢？
arguments_zd·2024-09-11 19:45

解决Vue 2.0 安装 vue-router 不成功问题

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本[email protected]
什么都是已存在·2024-09-08 21:32

【卷起来】VUE3.0教程-04-表单输入绑定

Hello，各位老铁，今天我们继续给大家讲解VUE3.0教程，本期我们讲述一下VUE中的表单输入绑定，在实际开发过程中，表单的输入是我们常见的功能，那么我们接下来看看，VUE是如何处理的。
听潮阁·2024-09-06 12:03

手把手学习Vue3.0：CSS样式基础和HTML5基础收藏

背景最近在做管理系统的时候我还不会用Vue，时间紧任务重就先用J2EE那套，利用layUI先实现了。现在从头学习前后端分离技术来搞，在做的过程中对CSS和HTML5的基础语法都已经全忘了，正好总结一下，其实也没有什么好总结，就是一个搜集一下语法手册，用的时候方便查查。我也顺便弄明白了一个事情，就是到底人们常说的H5到底是什么，当我从知乎上看明白后，心中一万个草拟吗奔腾而过。如果你有幸读到我这篇文章
帅哥趣谈·2024-09-01 01:43

大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网

exportdefaultdefineComponent({name:“App”,components:{Vue3SeamlessScroll},setup(){constlist=ref([{title:“Vue3.0
2401_84411822·2024-08-31 18:01

vue3.x+typescript 配置全局属性-vue3配置全局axios

下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
我爱张智容·2024-08-31 16:37

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~·2024-03-11 12:40

手写一个Vue的简单双向绑定实例！

采用的是数据劫持结合发布和订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter值，在数据变动时，发布消息给订阅者，出发相对应的监听回调（当然这是在Vue3.0
一浅小屋和你·2024-02-20 08:24

推荐几个基于Vue3.0全家桶的优秀开源项目

PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能，实现在线PPT的编辑、演示，支持导出PPT文件。演示地址：PPTIST-在线演示文稿源码地址：GitHub-pipipi-pikachu/PPTist:基于Vue3.x+TypeScript的在线
一只理智恩·2024-02-19 23:23

Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用

侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3，面向设计师和开发者的组件库文档：https://element-plus.gitee.io/zh-CN/安装#NPM$npminstallelement-plus--save图片.png安装完成之后开始引入打开main.js的文件这里接口文档上是有说明的，直接根据文档上的教程来写图片.pngmain.jsimp
祈澈菇凉·2024-02-19 22:40

前端Vue必问面试题

1，Vue3.0为什么要使用proxy在Vue2中，0bject.defineProperty会改变原始数据，而Proxy是创建对象的虚拟表示，并提供set、get和deleteProperty等处理器
·2024-02-19 15:24

vue2.0和vue3.0v-model使用对比

我们在写项目的时候，经常自定义组件，并且需要传参，刚好v-model是一个双向绑定，所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中，v-model只能对应一个变量在vue3.0中
糖小羊儿·2024-02-19 14:22

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__·2024-02-15 06:40

【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让
一笑程序猴·2024-02-15 05:35

Vue3.0（五）：Vue-Router 4.x详解

Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候，常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址，并且维护着ip地址与电脑mac地址的映射关系通过映射关系，路由器才知道要把数据发送给哪台电脑而路由在软件工程中出现，最早是由后端实现的，同时随着web的发展，路由也经历了一些阶段后端路由阶段前后端分离单页面富应用其核心
前端大菜鸟_·2024-02-14 09:28

Vue3.0（六）：VueX 4.x详解

Vuex4状态管理什么是状态管理在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在应用程序的某一个位置，对于这些数据的管理，就是状态管理目前前端项目越来越复杂，多组件共享同一数据的状态很常见，因此需要一个更加方便地状态管理库Vuex状态管理在Vuex中，组件通过读取Vuex中的State数据状态，显示到页面上而组件想要修改State中的数据，需要通过Dispatch，提交Mutat
前端大菜鸟_·2024-02-14 09:58

Vue3.0（七）：Pinia状态管理

Pinia状态管理最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式APIPinia和Vuex的对比为什么要用PiniaPinia最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex5核心团队讨论中的很多想法最终，团队意识到Pinia已经实现了Vuex5中大部分的内容，所以最终决定使用Pinia来代替Vuex与Vuex相比，Pinia提供了一个更加简单的API，具有更少的仪式
前端大菜鸟_·2024-02-14 09:58

使用Provide和Inject设计Vue3插件

查看CompositionAPI文档，在Vue3.0中，使用Provide和Inject进行依赖项注入将更为常见。
魂斗驴·2024-02-13 14:47

vue和react的区别

vue和react的区别：一．定位：两者都是UI层的框架，vue是数据响应式的框架；二．vue使用的语法是template，react使用的语法是JSX；三．vue3.0推出了hooks:compositionapi
XiaoMai·2024-02-13 13:41

【Vue3.0】- Composition API

什么是CompsitionAPIVue.js3.0允许我们在编写组件的时候添加一个setup启动函数setup是CompositionAPI逻辑组织的入口Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactiv
啦啦啦喽啰·2024-02-11 21:57

【小编推荐②】Laravel10 + Vue3.0前后端分离框架通用后台源码

演示网址：https://download.notestore.cn/20231212/账号：admin密码：admin注意事项：后端项目部署，尽量用域名，不要用phpartisanserve，启用后端项目，否则会出现后台无法登录问题服务器环境：PHP8.2[已测]Mysql5.740[已测]目录结构：/backend（后端目录）/frontend（前端目录）/resource（资源目录，包含数据
·2024-02-11 17:23

vue3.0运行报错

Node.js17版本opensslErrorStack:[‘error:03000086:digitalenveloperoutines::initializationerror’]报错描述D:\workspace\ideaproject\RuoYi-Cloud\ruoyi-ui>[email protected]
小刘今天你改bug了吗·2024-02-11 15:44

vue3.0中的双向数据绑定方法

1.为什么要替换Object.defineProperty替换不是因为不好，是因为有更好的方法使用效率更高Object.defineProperty的缺点：1.在Vue中，Object.defineProperty无法监控到数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应。push()pop()shift()unshift()splice()sort()reverse()目前只针对
为光pig·2024-02-11 11:43

vue3.0 和 2.0的差异

对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
前端大镖客_·2024-02-10 11:24

【高频前端面试题--TypeScript篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇什么是TypeScript？
码上有前·2024-02-09 05:25

【高频前端面试题--Vue3.0篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇Vue3.0有什么更新defineProperty和proxy的区别Vue3.0为什么要用proxy
码上有前·2024-02-09 05:21

vue3项目keepAlive使用方法详解

以下主要将keepaliev在vue3.0中的用法。
Trank-Lw·2024-02-08 13:47

vue3.0 watch函数案例

App.vue代码：importDemofrom'./components/Demo'exportdefault{name:'App',components:{Demo}}Demo代码：当前求和为：{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名：{{person.name}}年龄：{{person.age}}修改姓名增长年龄import{ref,reactive,watch}fro
前端程序员路易·2024-02-08 12:20

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_·2024-02-08 09:23

搭建vue3.0 项目

安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3-bm选择功能进行下载image.png启动项目npminstallnpmrunserve//启动项目image.png配置环境变量和代理我们在项目中可以使用env创建环境变量新建三个
hegege·2024-02-08 08:52

Vue3.0（二）：Vue组件化基础 - 脚手架

Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候，会将工作内容进行拆分，分步骤完成而组件化的思想正式如此，对于一个庞大的项目，我们可以将其拆分成一个个的小功能，分步骤进行实现组件化是Vue的核心思想在前面的学习中，我们在createApp中传入了一个App对象，这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_·2024-02-07 02:18

Vue3.0（三）：Vue组件化深入理解

Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现生命周期函数实际上就是回调函数，在某个时间会被Vue源码调用通过生命周期函数的回调，我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例：初始化注入和响应式created：发送网络
前端大菜鸟_·2024-02-07 02:43

Vue3.0商店后台管理系统项目实战-导航的icon图标

参考资料Vue3.0官方文档：https://cn.vuejs.org/ElementPlus文档：https://element-plus.gitee.io/zh-CN/ElementPlus提供了一套常用的图标集合
祈澈菇凉·2024-02-06 14:25

推荐好用的vue插件02 v-md-editor富文本编辑器

一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持vue3.0的项目，不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io
longbao_1·2024-02-06 11:08

Vue3 发布正式版（2020.9.19）

[官宣]Vue3.0—OnePiece发布各位先收藏再点赞，本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了Vue3.0版本，我们连夜对Release进行了翻译。
铁锅炖大鹅(e)·2024-02-05 21:37

vue3.0移动端将px转换为rem

第一种方法：我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部，记得要加移动端头部的meta标签第二种方法：就是将rem的js放在public文件夹下创建一个，在main.js中引入，也可以使用第三种方法：参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123·2024-02-05 20:42

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScr
花言儿·2024-02-05 15:02

基于springBoot、vue导出Excel文件

一、运行环境SpringBoot、jdk15（版本不影响）、vue3.0二、使用步骤1.导入依赖在pom.xml中添加poi的依赖：org.apa
ONY_X·2024-02-05 09:37

vue3.0中从proxy中取值

使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的，是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。
天外天-亮·2024-02-05 06:14

【Vue3.0】- 入坑 - 全家桶

本文主要内容基于vue-cli快速搭建Vue3.0项目快速搭建Vue3.0项目版本"dependencies":{"core-js":"^3.6.5","vue":"^3.0.0-0","vue-router
啦啦啦喽啰·2024-02-04 13:41

::v-deep和/deep/和＞＞＞ 区别

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
Musclewl·2024-02-03 19:51

【vue3.0】26.0 某东到家（ 廿六）——不同设备适配和项目上线

不同设备适配目前是针对普通手机的屏幕尺寸设计，如果需要适配比如平板电脑，等比例放大，需要进行设备配置。修改public\index.html只需要在title后面增加如下代码：//设备屏幕的宽度varwidth=document.documentElement.clientWidth||document.body.clientWidthvarratio=width/375varfontSize=1
bobokaka·2024-02-03 18:15

vue3.0项目启动“npm run dev”报错：error when starting dev server:Error: Cannot find module ‘node:path‘ .....

vue3.0项目，必须安装node版本等于或者大于15.0.0版本；#安装依赖npminstall--registry=https://registry.npmmirror.com#启动服务npmrundev
至尊宝♬·2024-02-03 17:45

Vite与Vue-cli的区别和特点

目录前言1.如何使用Vite和Vue-cli创建vue3.0项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建vue3.0时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学·2024-02-03 12:40

vue3.0 Composition API上手体验

vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听
廊坊吴彦祖·2024-02-03 08:57

Vue3.0（一）：Vue的引入-options api-模板语法

Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount("#app");本地引入可以将CDN中地址中的代码，拷贝到一个vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别以上案例是实现了一个计数器的功能左边是Vue实现右边是原生实
前端大菜鸟_·2024-02-03 08:55

Vue3快速上手

一、创建Vue3.0工程1.使用vue-cli创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
吃一口你的梦。·2024-02-03 05:53
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他