vue3.0项目前期

Vue2.0与Vue3.0的升降级

一、vue2升级为vue31、卸载vue2，在命令行工具录入npmuninstallvue-cli-g，卸载旧版本2、卸载完成后，命令行录入vue-V，如果提示不是命令，即卸载成功3、安装新版本vue3，注意：首先你要确保你的Node.js的版本高于最低要求的版本（VueCLI3需要nodeJs≥8.9(官方推荐8.11.0+）。命令行录入node-v查看nodejs版本如果小于指定版本，则从新下
奔跑的_迷彩狼·2024-01-08 19:12

vue3.0记录滚动位置的两种方法

第一种方法onActivated+onBeforeRouteLeave方法实现1.思路页面首先要是缓存的组件实例keep-alive用onActivated才能将滚动位置缓存起来每次进入都要将存储的位置重新赋值给页面路由守卫beforeRouteLeave路由离开前记录当前的位置import{onBeforeRouteLeave}from'vue-router'constscrollRef=ref
Smile_zxx·2024-01-08 13:54

vue3.0与vue2.0-prop

在Vue3.0中，与Vue2.0相比，有一些改变和新的特性涉及到props。CompositionAPI:Vue3.0引入了CompositionAPI，它提供了一种新的方式来组织和重用组件的逻辑。
我爱学习yq·2024-01-08 11:36

vue3.0安装和使用video-player

1.video-player安装npminstallvue-video-player-sa2.main.js引入video-playerimportVideoPlayerfrom"vue-video-player/src";import"vue-video-player/src/custom-theme.css";import"video.js/dist/video-js.css";2.1小错误示
龙怪神·2024-01-08 07:43

java版企业工程项目管理系统源码+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_72864708·2024-01-07 21:58

java版工程项目管理系统源码+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_72864708·2024-01-07 21:58

vue 3.0 静态路由配置

今天研究了一下vue3.0的静态路由配置，分享一下。
timi先生·2024-01-07 21:13

vue 3.0 prototype 替代用法

在vue2.x中，我们想设置全局变量，可以在main文件中用prototype绑定vue实列，在vue3.0中，可以用app.config.globalProperties来代替prototype，具体用法如下
寻ing·2024-01-07 05:32

使用mars3d绘制矢量数据，页面中不显示

然后将官方提供的vue3.0的map组件也拷贝到项目中MarsMap准备就绪开始实现功能。
泽安2018·2024-01-06 10:45

解决Element-Plus中el-switch的change方法自动触发问题

下面el-switch代码片段是在el-table里使用el-switch方法代码是Vue3.0框架typeScript语法格式//该引入是全局封装getCurrentInstance()方法代码在下面
大红袍不是绿茶.·2024-01-06 08:40

看到这份涵盖Vue3.0的题库干货，我歇了口气

恰逢Vue3.0完整版发布，本篇推文中还增加了部分Vue3.0的基础理论及面试题目。PateOne·基础篇1、简述Vue的响应式原理当一个Vue实例创建时，Vue会遍历da
桃桃555·2024-01-05 20:26

Vue2.0和Vue3.0有什么区别

vue2的双向数据绑定是利⽤ES5的⼀个API，Object.definePropert()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。vue3中使⽤了es6的ProxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控Vue2.0的生命周期：beforeCreate：在实例初始化之后，数据观测(dataobserve
四时之雨·2024-01-05 17:56

「Vue3面试系列」Vue3.0性能提升主要是通过哪几方面体现的？

文章目录一、编译阶段diff算法优化静态提升事件监听缓存SSR优化二、源码体积三、响应式系统参考文献一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图静态文本静态文本{{message}}静态文本...
itpeilibo·2024-01-05 17:16

「Vue3面试系列」Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？

文章目录一、Object.defineProperty为什么能实现响应式小结二、proxy三、总结参考文献一、Object.defineProperty定义：Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty两个属性，get及setget属性的getter函数，当访问该属性时
itpeilibo·2024-01-05 17:16

「Vue3面试系列」Vue3.0的设计目标是什么？做了哪些优化?

文章目录一、设计目标1.1更小1.2更快1.3更友好二、优化方案2.1源码2.11源码管理2.22TypeScript2.2性能2.3语法API2.31逻辑组织2.32逻辑复用参考文献一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够
itpeilibo·2024-01-05 17:45

Vue 3.0 给我们带来哪些惊喜（1）- 更快虚拟DOM渲染

目标让大家更好地理解vue3.0中对性能进行优化的机制参考尤雨溪的有关vue3.0中性能提升和新特性的分享vue3.0的目标更快更小更容易维护更容易和native集成，更好的多端支持让开发更轻松以上就是
zidea·2024-01-05 14:51

vue3.0&&vue2.0-prop

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件
GllWyz·2024-01-05 09:06

vue高频面试题合集（一）附答案

vue3.0特性你有什么了解的吗？
helloworld1024·2024-01-05 00:54

tsconfig.json配置说明

为2020年作技术储备，学习下ts，毕竟vue3.0将至{"compilerOptions":{/*BasicOptions*/"target":"es5"/*target用于指定编译之后的版本目标:'
滴流乱转的小胖子·2024-01-04 15:00

vue3.0 + draggable插件实现卡片拖拽排序功能（数据存前端）

image.png{{element.name}}importdraggablefrom'vuedraggable'constcardList=reactive([{id:1,name:'项目列表',src:projectImg,flag:'project'},{id:2,name:'CI/CD',src:cicdImg,flag:'cicd'},{id:3,name:'日志中心',src:log
Joan_King_·2024-01-04 04:00

【vue3.0】19.0 某东到家（十九）——订单页面创建及顶部布局

修改src\views\home\Docker.vue{{item.title}}exportdefault{name:'Docker',setup(){constdockerList=[{active:true,icon:'custom-iconcustom-icon-home',title:'首页',to:'/'},{icon:'custom-iconcustom-icon-shopping'
bobokaka·2024-01-03 11:43

企业工程项目管理系统源码+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_72864708·2024-01-03 09:55

企业工程项目管理系统源码模块及功能清单+spring cloud+spring cloud +定制化+二次开发项目

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_66404702·2024-01-03 09:25

spring cloud 工程管理系统源码+二次开发+定制化服务

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
微服务 spring cloud·2024-01-03 09:24

【vue3.0】20.0 某东到家（二十）——订单商品列表布局

继续完善src\views\orderConfirmation\OrderConfirmation.vue此时需要从src\views\shop\Content.vue抄一段代码，抄过来后效果如下：src\views\cartList\CartList.vue......{{item.name}}月售{{item.sales}}件¥{{item.price}}¥{{item.pri
bobokaka·2024-01-03 01:48

/deep/和>>>和::v-deep

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
_皓月__·2024-01-02 11:04

通过url 下载文件

vue3.0项目中fileUpload.ts添加下载代码exportconstdownload=(url,fileName='')=>{constxhr=newXMLHttpRequest();xhr.open
Joan_King_·2024-01-02 10:54

Android 相机库CameraView源码解析 (四) : 带滤镜预览

由于CameraView封装的比较到位，在项目前期，的确为我们节省了不少时间。但随着项目持续深入，对于CameraView的使用进入深水区，逐渐出现满足不了我们需求的情况。
氦客·2024-01-02 06:07

Android 相机库CameraView源码解析 (六) : 保存滤镜效果

由于CameraView封装的比较到位，在项目前期，的确为我们节省了不少时间。但随着项目持续深入，对于CameraView的使用进入深水区，逐渐出现满足不了我们需求的情况。
氦客·2024-01-02 06:37

Android 相机库CameraView源码解析 (三) : 滤镜相关类说明

由于CameraView封装的比较到位，在项目前期，的确为我们节省了不少时间。但随着项目持续深入，对于CameraView的使用进入深水区，逐渐出现满足不了我们需求的情况。
氦客·2024-01-02 06:36

Android 相机库CameraView源码解析 (五) : 带滤镜拍照

由于CameraView封装的比较到位，在项目前期，的确为我们节省了不少时间。但随着项目持续深入，对于CameraView的使用进入深水区，逐渐出现满足不了我们需求的情况。
氦客·2024-01-02 06:36

解决相机库CameraView多滤镜拍照错乱的BUG (一) : 复现BUG

由于CameraView封装的比较到位，在项目前期，的确为我们节省了不少时间。但随着项目持续深入，对于CameraView的使用进入深水区，逐渐出现满足不了我们需求的情况。
氦客·2024-01-02 06:05

【vue3.0】14.0 某东到家（十四）——购物车

目前页面如下：image.png新建组件src\views\shop\Cart.vue:1总计：¥128去结算import{ref}from'vue'exportdefault{name:'OrderConfirmation',setup(){consta=ref(0)return{a}}}.cart{position:absolute;left:0;right:0;bottom:0;he
bobokaka·2024-01-01 21:59

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。
一方通行00·2024-01-01 21:27

vue3.0在线编辑器codemirror开发

使用codemirror封装codeEditor.vue组件//引入全局实例import_CodeMirrorfrom'codemirror/lib/codemirror'//核心样式import'codemirror/lib/codemirror.css'//引入主题后还需要在options中指定主题才会生效//需要引入具体的语法高亮库才会有对应的语法高亮效果,目前已动态引入//import'c
|恰同学少年|·2024-01-01 14:03

Vue3的proxy

vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get  vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM vue2是通过替换状态对象属性的
Z_B_L·2024-01-01 00:55

Ant design vue 2.x 版本在 vue3 中的主题定制

Antdesignvue2.x版本在vue3中的主题定制我们是在vue3.0项目中使用antdesignvue2.0，解决流程和官网思路一致，直接使用less变量层叠即可，但是有一个问题就是需要全量引入
搬砖工KO水泥匠·2023-12-29 23:40

vue3.0 中setup中 异步转同步

vue3.0中setup中异步转同步Vue3中的setup前加上async后页面不显示**问题描述**在开发vue3中，因为通过接口数据为异步函数获取，导致最后数据无法成功赋值进return中的数据。
搬砖工KO水泥匠·2023-12-29 23:09

箭头函数的泛型，typescript中怎么写

TypeScript——泛型（函数泛型、模板类型可以是多个、泛型的错误、泛型函数变量、泛型函数类型接口、泛型类1、泛型类2、泛型约束、泛型参数的默认类型）、声明文件、Vue3.0集成ts_typescript
深一海·2023-12-29 16:50

百度地图再vue中的引入方式

使用方式一1.在public->index.html引入ak=自己的密钥2.若是vue2.0就是lib/webpack.base.conf.js加入以下代码，若是vue3.0就在最外层创建一个这个文件module.exports
葫芦娃y·2023-12-29 16:19

vue3.0特性展望

9月30日，尤雨溪在medium个人博客上发布了vue3.0的开发思路，国内有翻译的版本，见文章最后的参考链接。3.0带了了很大的变化，他讲了一些改进的思路以及整个开发流程的规划。
老鼠AI大米_Java全栈·2023-12-29 09:13

【Vue3快速上手】

Vue3快速上手1Vue3简介2创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3分析工程结构4安装开发者工具1Vue3简介github上的tags地址：https://github.com
小王小王几点了·2023-12-29 00:51

Vue2使用v-model封装ElementUI_Input组件

Vue2.0、Vue3.0分别使用v-model封装组件首先新建脚手架引入element-ui组件和样式；新建Input.vue组件：{{title}}：**-->exportdefault{model
六卿·2023-12-28 22:05

2020-07-03vue3.0提出的逻辑复用

vue3.0就要来了，或者说他的beta版已经有了。接下来就是官方文档的更新，各种库的支持。那天看了，掘金和尤大神的直播。作者介绍了vue3.0的带来的一些变化。我粗略的知晓了一些。1性能上的提升。
龙江楷·2023-12-28 16:01

vue3.0记录-4(Composition-API对比Options API)

  ComponsitionAPI是vue3的一个很大的更新,也是很大的一个优点,为什么要更新呢?肯定是vue2的OptionsAPI有问题,本章就两者的区别做个介绍:OptionsAPI  又叫选项API,以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑,如下图:优缺点条例清晰,相同的放在相同的地方;但随着组件功能的增大,关联性会
苦夏木禾·2023-12-28 10:30

一、Vue3.0之属性及其语法

-本篇文章我们来看一下vue3.0的基本语法，包含了变量定义，以及页面如何去取值。
arguments_zd·2023-12-28 08:04

vue3后台管理系统（模板）

系统简介此管理系统是基于Vite2和Vue3.0构建生成的后台管理系统。
落下香樟树·2023-12-28 07:22

打造高效项目团队，离不开有效的反馈机制

例如：对外沟通—收集需求时，项目前期开了大量会议讨论项目需求，但双方对需求的理解还是存在一定偏差。在后续执行过程中，项目经理没有及时反馈项目的成果以及进度，导致项目做了一半，还经历大量的需
EasyTrack·2023-12-27 04:46

Vue3设计目标和优化

vue3.0的设计目标是什么？做了哪些优化？
SwJieJie·2023-12-26 22:22

uni-app系列（一）用cli创建支持Vue3/Vite的uni-app项目

至此，uni-app在App/H5/小程序全平台支持Vue3.0开发，且全平台支持Vite编译器。
硅谷干货·2023-12-26 01:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他