Vue3.0

Vue如何指定不编译的文件夹和favicon.ico

static区别指定项目的favicon.icofavicon.ico不能正确显示问题方法一：修改index.html文件方法二：修改webpack配置文件指定不编译的文件夹和favicon.ico在Vue3.0
·2022-04-15 11:03

Vue2中无法检测到数组变动的原因及解决

源码分析Vue3.0由于JavaScript的限制，Vue不能检测以下数组的变动：当利用索引直接设置一个数组项时，例如：vm.items[indexOfItem]=newValue当修改数组的长度时，例如
·2022-04-12 22:05

vue3项目后台管理系统模板

Vue3.0发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比Vue2.x，性能的提升比较明显，打包后体积更小来看下Vue3.x新增了哪些功能和特性。
业__于勤荒于嬉·2022-04-12 17:00

vue 3初体验以及和vue 2的区别

前言经过了漫长的迭代，Vue3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript进行了大规模的重构，带来了CompositionAPIRFC版本，类似ReactHook
bug改不完·2022-04-09 22:04

Element Plus for Vue 3 入门教程

Vue3.0的这次大版本升级，对于第三方组件库来说是一件好事，那些已经修修补补无数次，还无法彻底解决的问题，在这次面向Vue3.0重构时，一次性全部解决。ElementPlus有那些升级？
·2022-04-07 13:10

为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？

原因如下：Object.defineProperty无法低耗费的监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应；Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历。如果属性值是对象，还需要深度遍历。Proxy可以劫持整个对象，并返回一个新的对象。Proxy不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。
ahaott·2022-04-07 11:38

在vue 中使用 Object.defineProperty() 进行数据劫持有什么缺点？

2:在Vue3.0中已经不使用这种方式了，而是通过使用Proxy对对象进行代理，从而
猕猴桃-HR·2022-04-07 11:37

为什么Vue3.0使用Proxy实现数据监听？defineProperty表示不背这个锅

utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com为什么Vue3.0使用Proxy实现数据监听？
Let dreams fly·2022-04-07 11:35

vue3.0响应式数据是如何实现的？相比vue2.0中Object.defineProperty()有什么优势？

Vue3为什么选择Proxy做双向绑定？数据劫持什么是数据劫持数据劫持指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。常见的数据劫持的方法Object.defineProperty(obj,'要监听的属性名'，{set(newVal){},get(){}})varobj={};Object.defineProperty(obj,'name',{get
淡若清风_Simple·2022-04-07 11:04

为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？

原因如下：Object.defineProperty无法低耗费的监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应；Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历。如果属性值是对象，还需要深度遍历。Proxy可以劫持整个对象，并返回一个新的对象。Proxy不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。
爱吃松果的美美·2022-04-07 11:04

Vue3.0跟为什么要跟Object.defineProperty说拜拜,而要跟Proxy手拉手

  在上篇文章中，我解释了vue双向绑定的原理，其中大部分都是在讲Object.defineProperty，Object.defineProperty本身有一定的监控到数组变化的能力，它本身是可以监控到数组下标的变化的能力的，但是在Vue中，从性能/体验的性价比来考虑，尤雨溪就弃用了这个特性，从而转向了具有更多劫持操作的Proxy。  既然Object.defineProperty会被取代，那么
从人到猿·2022-04-07 11:21

vue3.0尝鲜 -- 摒弃Object.defineProperty，基于 Proxy 的观察者机制探索

写在前面：11月16日早上，Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性，其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制，取代之前使用的Object.defineProperty。我相信许多同学深有体会，许多面试中Object.defineProperty是vue这个框架一个出现率很高的考察点，一开始大家对这个属性还有点陌
mr_japson·2022-04-07 11:19

在Vue3.0中，为什么放弃了Object.defineProperty，而使用Proxy来实现数据劫持？

在Vue3.0中，为什么放弃了Object.defineProperty，而使用Proxy来实现数据劫持？
Concise200·2022-04-07 11:48

02-vue源码分析之 vue3.0为何弃用Object.defineProperty而选择Proxy

前言在3.0中双向绑定将会使用Proxy来代替2.x版本的Object.defineProperty，那么我们来看一下Proxy对比defineProperty优势在哪首先这两种都是基于数据劫持实现的双向绑定什么是数据劫持当访问或者设置对象的属性的时候，触发相应的函数，并且返回或者设置属性的值。vue通过Object.defineProperty来劫持对象属性的getter和setter操作，当数
全栈若城·2022-04-07 11:48

一文搞懂Object.defineProperty和Proxy，Vue3.0为什么采用Proxy？

前言前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~Object.defineProperty()作用：在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。1.基本使用语法：Object.defineProperty(obj,prop,descriptor)参数：要添加属性的对象要定义
fernwehseven·2022-04-07 11:17

企业应用架构研究系列二十七：Vue3.0 之环境的搭建与Vue Antd Admin探索

开发前端需要准备一些开发工具，这些工具怎么安装就不详细描写了，度娘一些很多很多。主要把核心的开发工具列表一些，这些资源也是非常容易找到和安装的。Node安装：https://nodejs.org/en/安装LTS版本,验证安装成功：node-v；npm-vTypescript安装：
温森特·2022-04-07 11:00

从Java到全栈，开发带SKU的真实企业级电商项目（附赠整套UI框架，配套升级Vue3.0内容）

从Java到全栈，开发带SKU的真实企业级电商项目（附赠整套UI框架，配套升级Vue3.0内容）超清原画完整无密包括所有视频课件以及源码点击下崽：网盘链接入门ReactHooks及其常用的几个钩子函数写在前面
·2022-04-06 12:50

Vue Element 安装与使用

1.添加依赖在vue3.0中使用element框架，因为element-ui是支持vue2.0的，他推出的支持vue3.0的版本叫element-plus。安装element-plus，直接在
Training.L·2022-04-06 07:44

TypeScript + Vue3.0 +volar Vue开发神器，制作一个step步进器案例

1，TypeScript具有类型系统是JavaScript的超集，可替代应用级的Javascript开发，TypeScript支持任意浏览器，任意环境，任意系统并且是开源的，目前前端三大开发框架VuereactAngular都是基于TypeScript，学习TypeScript的前景是大好的2，在这里用TypeScript和Vue做一个简单的步进器再创建一个steperCom.vue组件页面效果
鸭子嘎鹅子呱·2022-04-03 13:28

vue3.0 studay（一） 汇总

一、vue3.0学习vue3+typescript创建项目详细步骤如下:1、新建一个文件夹；2、vue/cli全局安装：cnpminstall-g@vue/cli或者npminstall-g@vue/cli
IT博客技术分享·2022-04-03 13:25

mac升级vue/cli2.9.6

尝试vue3.0项目的时候，新建失败，提示应该升级vue/cli，且附带了卸载和升级的命令:npmuninstall-gvue-clinpminstall-g@vue/cli执行了好几次，查看vue版本还是
impossible1994727·2022-04-03 13:16

Vue3新状态管理工具实例详解

actionaction间相互调用数据持久化安装使用自定义key持久化部分state最后前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0
·2022-04-02 16:01

vue2与vue3双向数据绑定的区别说明

目录vue2与vue3双向数据绑定区别Vue2双向数据绑定存在的问题原理vue3.0双向数据绑定Proxyvue语法:数据的双向绑定1.指令v-model2.v-model与修饰符3.v-model与自定义组件
·2022-04-01 12:23

vue3.0中使用element UI表单遍历校验问题解决

问题在使用vue3.0写项目的时候遇到一个需要遍历的表单，可以增加删除表单对象不考虑校验问题的话，就是简单的数组包form对象。
·2022-04-01 09:43

vue3.0环境搭建及特性

一、环境搭建1.Node官网安装Node，推荐下载长期支持版。检查是否安装成功Node，在cmd输入node-v。若出现版本号就是安装成功。查看node版本号.png安装完node，会附带npm命令。输入npm-v就能查看npm的版本。查看npm版本号若需要cnpm命令，安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org
小姑凉喜欢无脸男·2022-03-31 11:47

vue3.2版本新特性

起初vue3.0暴露变量必须return出来，template中才能使用importFoofrom'./Foo.vue'import
Lilio1216·2022-03-31 10:00

Vue3.0 使用 ts 给 props 传入泛型

在vue中使用ts的泛型来规范父组件传入的props属性，就需要使用vue提供的PropType属性，具体用法如下测试界面import{defineComponent,PropType}from'vue';exportinterfaceColumnProps{id:number;title:string;avatar:string;description:string;}exportdefault
ldz_miantiao·2022-03-31 10:24

二.在Vue3.0优雅的使用v-model,父子传值

在Vue2.0和Vue3.0中使用v-model在Vue2.0中如何实现双向数据绑定呢？常用的方式又两种，一种是v-model，另一种是.sync,为什么会有两种呢？
小柠有点萌·2022-03-28 19:08

尤雨溪：Vue3.0 官宣彻底抛弃 IE 浏览器

尤雨溪官宣原因自Vue3的开发开始到2018年底，我们一直被要求提供IE11支持。许多用户询问Vue3是否将支持IE11，我们最初的计划是发布Vue3并使其稳定，然后添加稍后会支持IE11。在漫长的开发过程中，我们还就IE11兼容性进行了研究和实验，但是由于所涉及的复杂性和手头上的其他工作量大，因此已将其优先处理。当我们再看一下2021年的今天的问题时，浏览器和JavaScript的状况已经发生了
前端瓶子君·2022-03-26 04:10

[译]尤雨溪：Vue3将不会支持IE11 精力会投入到Vue2.7

前言之前尤雨溪曾说过，Vue3将会出一个IE11的兼容版本，现在Vue3.0都已经发布很久了，却迟迟不见兼容版本的出现，原来是因为微软积极的推进自家的新Edge浏览器，并打算放弃IE，这让尤雨溪同学觉得兼容
手撕红黑树·2022-03-26 04:09

vue3.0之Pinia（状态管理工具）

目录vue3.0之Pinia（状态管理工具）创建一个pinia状态管理仓库index.tsstore-namespce.ts访问pinia之中的state数据修改pinia之中的state总共有5种方式
小渣亮·2022-03-24 12:19

Vue3 setup的基本使用

Vue3.0生命周期函数变更在Vue2.x中，实现一个功能，需要在data中新增数据，在methods/computed/watch中新增业务逻辑，数据和业务逻辑是分离的，不利于管理Vue3.0推出了CompositionAPI
趣享编程·2022-03-24 12:17

一个基于vue3+vite+ts的完整项目

项目基于ant-design-vue,typescript,vue3.0,vite,tailwindcss,tsx实现的vue3风格的后台管理系统，gitHub地址vue-vben-admin
vvvben·2022-03-24 12:10

vue3.0下如何使用mapState，mapGetters和mapActions

vue3.0下如何使用mapState，mapGetters和mapActions1、新建useMapper.js2、新建useState.js3、新建useGetters.js4、新建useActions.js5
一个写前端的·2022-03-24 12:08

Vue3.0 setup 里使用 vuex

Vue3.0setup里使用vuex在store中创建如图所示目录结构user.jsindex.jsimport{createApp}from'@vue/runtime-dom'import{createStore}from'vuex'constmodulesFiles=require.context('./modules',true,/.js$/)//自动导入modules目录下的模块const
宽粉儿~·2022-03-24 12:31

【Vue3.0】报错 Cannot read properties of undefined (reading ‘use‘)

vue3.0项目引用element-plus，运行项目报错，main.js代码如下importVuefrom'vue'import{createApp}from'vue'importAppfrom'.
web15286201346·2022-03-24 02:02

Vue3.2 setup语法糖、Composition API使用

1.起初Vue3.0暴露变量必须return出来，template中才能使用；2.Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，
前端壹栈·2022-03-24 00:35

Vue3.2 setup语法糖、Composition API归纳总结

Vue3.2setup语法糖、CompositionAPI归纳总结起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在
自由的音符·2022-03-24 00:59

Composition API中setup使用

3.0正式发版了，先尝鲜一波写了一个小demo一初始逻辑很简单就是一个新增和删除方法，vue3.0是兼容2.0的所以很多语法还是不变的，这个是最初方法，把所有的逻辑都写在setup里面，这个时候其实会疑惑这样写逻辑太多怎么办
sunnyboysix·2022-03-24 00:28

vue3.0中使用element

前言：在vue3.0中使用element框架，因为element是支持vue2.0的，他推出的支持vue3.0的版本叫element-plus目录：官网入口：点我进入一、个人遇到的问题与解决办法：遇到的问题
浩星·2022-03-24 00:57

bingo！NutUI 抽奖组件库来了

NutUI-Bingo是由NutUI前端团队基于Vue3.0打造的移动端组件库，适用于营销活动和小游戏场景的抽奖组件库。
·2022-03-23 10:07

Jeecgboot-Vue3 v1.0.0 首版本重磅发布，开源低代码平台项目介绍

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
·2022-03-22 10:55

Jeecgboot-Vue3 v1.0.0 版本正式发布，基于代码生成器的企业级低代码平台

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
·2022-03-21 16:29

vue3 -【Composition API】-【新的组件】

目录创建Vue3.0工程使用vue-cli创建使用vite创建分析工程结构常用CompositionAPI拉开序幕的setupsetup的两个注意点ref函数reactive函数reactive对比refVue3.0
CaraYQ·2022-03-19 22:48

Vue2 composition-api 升级

在Vue2.x版本的项目中，获得和Vue3.0中一样的开发体验。composition-api字面意思是组合API，它是为了实现基于函数的逻辑复用机制而产生的。
·2022-03-16 17:50

vue3.0 typescript 创建项目，路由RouteConfig 报错 has no exported member ‘RouteConfig‘.ts

vue3.0typescript创建项目，路由RouteConfig报错hasnoexportedmember'RouteConfig'.ts提示ts没有对应RouteConfig那么什么原因呢vue3.0ts对这个接口已经更改了。正确写法如下：import{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'constrout
永远的新手·2022-03-16 09:47

vue3.0 main.ts createApp报错

import{createApp}from'vueimport{createApp}from'vue'报错Module‘"…/node_modules/vue/types"’hasnoexportedmember‘createApp’.Didyoumeantouse‘importcreateAppfrom“…/node_modules/vue/types”’instead?报错哥们其实错不在你不其
Boriska1996·2022-03-16 09:13

vben:vue3后台管理项目框架

前言：Vue-Vben-Admin是一个基于Vue3.0、Vite、Ant-Design-Vue、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
浩星·2022-03-14 04:48

记录一次Vue3.0引入ElementPlus之后样式不生效的一个大坑

所以上网看了看教程，搭了一个VUE3.0的项目，并且准备用ElementUI为VUE3.0推出的ElementPlus作为UI库。于是我就按照教程，使用VUE/CLI脚手架搭了一个项目，并且配置
xiaoweiwei99·2022-03-13 14:35

项目框架vue2.x版本升级到vue3.0版本

注意：升级前，node版本需要在8.9的版本以上！本文目录：为什么要升级框架？主要模块升级对应版本vue2.x与vue3.x的区别升级过程中遇到的问题项目发布一、为什么要升级框架？放弃Object.defineProperty，使用更快的原生Proxydiff算法优化使性能比vue2.x快1.2~2倍组合/CompositionAPI（类似于ReactHooks）模板可以有多个根元素按需编译，体积
绘梦_·2022-03-10 15:40
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他