VUE3.0

Vue3.0中reactive与ref声明响应式对象使用计算属性值

TypeError:ConvertingcircularstructuretoJSON-->startingatobjectwithconstructor'ComputedRefImpl'|property'effect'->objectwithconstructor'ReactiveEffect'---property'computed'closesthecircleatJSON.stringi
晨灰ash2·2024-01-11 17:13

element-plus 、element-ui —— Cascader 勾选内容后自动关闭内容选择面板

$refs.CascaderRef.dropDownVisible=falseelement-plus的关闭面板方式vue3.0写法CascaderRef.value.togglePopperVisible
爱吃果蔬的猫·2024-01-11 14:29

【vue3.0】23.0 某东到家（ 廿三）——下单流程优化

弹窗优化目前进入订单页面后，是直接弹窗，但实际使用效果是点击“提交订单”后再弹窗。优化如下：src\views\orderConfirmation\Order.vue实付金额¥{{calculations.totalPrice}}提交订单确认离开收银台请尽快完成支付，否则将被取消取消订单确认支付import{ref}from'vue'import{useCommonCartEffect}f
bobokaka·2024-01-11 07:18

在vue3上挂载方法，以及在页面中使用setup语法糖 该怎么使用原型（公共）上的方法

/App.vue';constapp=createApp(App);app.mount('#app');以下例子用于解释在vue3.0的main.js中挂载公共的方法（foo）//main.js文件//
四岁爱上了她·2024-01-10 15:20

vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端

使用Recorder插件可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！
高坚果兄弟·2024-01-10 14:58

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off"示例："eslintConfig":
高阳刘·2024-01-10 12:37

Proxy

如果你平时有关注Vue的进展的话，可能已经知道了在Vue3.0中将会通过Proxy来替换原本的Object.defineProperty来实现数据响应式。
感觉不错哦·2024-01-10 07:21

vue3.0 中使用echarts图 tooltip 不显示的问题

问题：由于我需要在后台数据还没请求回来时，在echarts图上加个加载图标，所以定义了一个全局变量来接收echarts实例。之后就发现option配置了trigger:‘axis’，但是tooltip显示不出来tooltip:{trigger:'axis'},//定义了一个全局的响应式变量，用于接收echarts实例constmyChart=ref()onMounted(()=>{myChart.
前端.攻城狮·2024-01-10 02:46

vue 3.0 所采用的 Composition Api 和 vue 2.0 使用的 Option Api 区别

Vue3.0引入了CompositionAPI，这是对Vue2.0中使用的OptionsAPI的一个补充。
无妄的罪·2024-01-09 11:46

Vue3 快速上手-基于Vue2基础

Vue3快速上手-基于Vue2基础前言Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli
不爱吃奶昔（zsl0）·2024-01-08 19:15

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

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

【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

【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

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

Vue3.0偏红报警问题

问题一:问题描述:组件引用找不到模块“”或其对应的类型声明imortHomefrom".../view/Home.vue"解决方法:安装插件TypeScriptVuePlugin(Volar)问题二:问题:vue内置api引用:找不到模块"vue-route".你的意思是将"moduleResolution"选项置为"node"import{creatRoute}from"vue-route"解决
GllWyz·2023-12-25 19:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他