Vue3.0 第11页

你期待已久的Vue 3 正式发布啦！

大前端晨曦·2023-09-11 11:36

VUE3.0的变化

1、兼容除了渲染函数API和作用域插槽语法之外的所有内容都将保持不变，或者通过兼容性构建让其与2.x保持兼容。2、重构为了实现更清晰、更易维护的源代码架构，尤雨溪表示将从头开始重写3.0，并将一些内部功能分解为单独的包，以便隔离复杂性。代码库现在也用TypeScript编写，相信TypeScript的类型系统和IDE的支持将让新的代码贡献者更容易做出有意义的贡献。

Maco_wang·2023-09-11 10:33

Vue3, setup语法糖、Composition API全方位解读

起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，无需return

yyds2026·2023-09-10 23:59

Vue3.0 新特性全面探索 - 基于 Composition Api 快速构建实战项目

QuickStart项目源码：https://github.com/Wscats/vue-cli本项目综合运用了Vue3.0的新特性，适合新手学习?

独星·2023-09-10 23:58

Vue3详解

目录：Vue3快速上手创建Vue3.0工程常用CompositionAPI其他CompositionAPICompositionAPI的优势新的组件其他1.Vue3快速上手略~2.创建Vue3.0工程官方文档

阿瞒有我良计15·2023-09-10 17:30

Vue3中的setup语法糖

写在最前：本文转自掘金是在单文件组件（SFC）中使用组合式API的编译时语法糖，解决Vue3.0中setup需要频繁将声明的变量、函数以及import引入的内容通过return向外暴露，才能在使用的问题

没名字的某某人·2023-09-10 15:26

vue样式穿透

经研究发现可以用/deep/或::v-deep来解决（不过在vue3.0的环境下，使用/deep/时，编译会报错）二、深度作用选择器如果你希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件

海之深处爱之港湾·2023-09-09 21:51

2019-11-28如何在网页里面直接引用vue3.0

本人不喜欢用各种脚手架写代码,之前vue2.0,也是直接引入到网页,直接写,目前vue3.0好像已经有人用了,但是不晓得怎么直接在vue里面引入,大佬们知道,可以留言,以后我知道了,也会更新次文章,求指教

nodejs哈哈哈·2023-09-09 18:24

vue高频面试题

beforeResolve、afterEach路由独享的守卫：beforeEnter组件内的守卫：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave为什么在Vue3.0

前端小99·2023-09-09 17:58

十、vue3.0 + ts + vite 项目的创建

第一步：下载初始代码gitclonehttps://gitee.com/azoneui/vue3_ts_vite.git示例图：环境要求： node>=14.16.0 npm>=6.14.11我使用的node版本是14.16.1，使用的是nvm版本管理工具，等有时间给大家更新一期nvm的安装和如何安装固定版本。第二步：安装依赖npminstallEslint://Eslint使项目拥有更严格的语法

arguments_zd·2023-09-08 09:59

程序员一大误区：盲目求追新技术，说的是你吗？

Vue3.0版本出来了，我要不要赶紧学起来现在在用React，要不要也学学Vue、Angular？看到某某大神分享的Node干货，怀疑自己是不是又掉队了？

椰子学韩语·2023-09-08 07:37

vue3报错：`slot` attributes are deprecated.

vue3.0`slot`attributesaredeprecated.`slot`属性已弃用使用：niaho

滑梯plus版·2023-09-08 07:23

vue3.0实现jsoneditor组件

踩了很多坑最后写出来了，需要props里加属性自己加，css部分也是很关键的内容引用后可以在父组件用class设置height很多处理的灵感来源于vue2.0项目vue-json-editor的代码，原项目代码还是写的很精彩的安装命令：npminstalljsoneditor--save原项目文档：https://github.com/josdejong/jsoneditorimportJSONE

AlenHY·2023-09-07 20:35

解决Vue3.0以上+Vite项目打包后低版本浏览器兼容性问题

文章目录一、Vite在低版本浏览器中运行遇到的问题二、浏览器兼容性三、官方解决方案：使用@vitejs/plugin-legacy插件1)、安装插件2)、在vite.config.js中配置四、@vitejs/plugin-legacy插件，在打包过程中做了什么一、Vite在低版本浏览器中运行遇到的问题vite+vue3项目开发完以后，运行在新版浏览器可以正常显示，但运行在一些版本比较老的浏览器如

迷小圈·2023-09-07 19:19

ant-design-vue 2.X + VUE3.0 学习笔记

使用nodejs创建vue工程，先创建一个空项目文件夹，然后按照这篇文章https://www.cnblogs.com/benyu-aimao/p/8944475.html，但是注意他是这么安装vue，npminstallvue，我们要用npminstall-g@vue/cli，3.0之后的版本需要node.js版本大于8.9main.jsimport { createApp } from 'vu

liln0530·2023-09-07 11:57

vue3.0 指令 v-xxx

什么是vue指令：比如Angular中的ng-xxx。vue中以v-xxx开头人们称它为指令。在vue中提供了一些对页面+数据的更为方便的操作，这些操作就是指令，类似于HTML中的属性。指令中封装了一些Dom行为，结合属性作为一个暗号，暗号有对应的值，根据不同的值，框架会进行相关的Dom操作的绑定行为。vue常用的v-指令：v-text元素的innerText属性，必须是双标签v-html元素的i

一个不知名的前端·2023-09-06 19:18

vue3中数据更新了，但是视图没有更新的5中方案

vue3.0ref和Reactive数据响应式，以及使用Reactive数据已更新但页面没有同步刷新异常方案1：Vue3.0中我们使用reactive()定义的响应式数据的时候，当我们对象再次赋值，我们发现数据已经修改成功

影夜随风·2023-09-06 09:37

为什么vue页面不显示

后来发现element是因为要使用vue2.0使用vue3.0没有用2.所以后来重新创建了一个使用vue2.0的将原来的代码复制到现在的项目里面3.之后就能显示了。

钓愚者·2023-09-06 04:29

Vue3.0 provide&&inject

provide()和inject()可以实现嵌套组件之间的数据传递，这两个函数只能在setup()中使用。父级组件中使用provide()函数向下传递，子组件中使用inject()获取上层传递过来的数据1.共享普通数据随便开的一个vue,报错可以忽略！！！

阿鑫YuXi9999·2023-09-06 01:40

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

关于vue3.0中使用elementUI表单遍历校验问题解决问题：在使用vue3.0写项目的时候遇到一个需要遍历的表单，可以增加删除表单对象[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

韭菜666号·2023-09-05 18:19

vue2.0与3.0对比以及vue3.0 API变化入门

vue3.0已经beta版了image.png就在昨天尤雨溪发布了VUE3.0Beta版本，各路大神也都抢先体验了一波！本汪也放下了手上的工作去初步体验了一番。

俗人彭jin·2023-09-05 14:55

VUE3.0

Vue3.0六大亮点Performance：性能比Vue2.x快1.2~2倍(重写虚拟DOM，优化了模板编译)Treeshakingsupport：按需编译,体积比Vue2.x更小(Vue2大量API挂载到

金刚狼_3e31·2023-09-05 06:30

探究Vue3中的Composition API:优化组件逻辑的新利器

一、toRef函数在Vue3.0中，引入了一种新的响应式API,即toRef。

静Yu·2023-09-04 23:03

vue3新特性1

一、创建一个vue3.0项目vscode打开项目二、对比vue2的新特性1、setup、ref和reactive以前的data、声明周期、自定义函数都可以放置在setup内，setup是相当于beforeCreate

缘夏520·2023-09-04 16:56

vue3新特性

Vue3支持Vue2的大多数特性更好的支持TypeScript现在主流组件库都已经发布了支持vue3.0的版本，其他生态也在不断地完善中，这是趋势。

code喵喵·2023-09-04 16:55

从一个todo-list体验Vue3.0

开始之前目前Vue3.0处于beta2阶段，官方为体验新特性的小伙伴准备了vue-next-webpack-preview（一个webpack的运行环境），clone下仓库按README运行即可。

Atlas_lili·2023-09-04 09:49

Object.defineProperty 和 Proxy 区别，及vue3为什么采用新的Proxy

Vue3.0中，响应式数据部分弃用了Object.defineProperty，使用Proxy来代替它。本文将主要通过以下三个方面来分析为什么Vue选择弃用Object.defineProperty。

怪叔叔lz·2023-09-04 06:45

VUE3.0 路由跳转之后页面停留在上一个浏览页面位置不会回到顶部问题

方式一：普通用法，vue2.0也可用//一般方式路由拦截exportdefault{//组件守护器beforeRouteEnter(to,from,next){//A跳转到B，B页面停留在A页面的滚动位置；解决方法：将scrollTop设置为0window.scroll(0,0);next();},setup(){}}用法如图：方式二：setup语法糖时//setup语法糖里的路由拦截define

前端_七月·2023-09-04 06:10

vue3.0 + antdesgin vue+ts 实现table表格的拖拽排序

vue3.0+antdesginvue+ts实现table表格的拖拽排序效果图：1、npminstallsortablejs--save2、importSortablefrom‘sortablejs’;新增子菜单删除{{!enableDrag?'拖动排序':'取消拖动'}}{{record.isDisplay?'显示':'隐藏'}}{{!enableDrag?'拖动排序':'取消拖动'}}2、在获

造梦者FZ·2023-09-03 11:56

Vue3.0+ant-design表格自定义展开图标和展开行操作

前言最近，公司技术栈转型，前端逐步过渡到Vue3.0上来，在做angular之前自己虽然使用过一段时间的vue，但那时都是Vue2.0+Element-UI，所以这些东西对于自己来说也是一个新的内容，开发过程中也遇到了很多坑

云墨-款哥的博客·2023-09-03 11:55

配置vue3.0 + ts + axios + 反向代理 + px转rem

前提你需要安装好vue-cli脚手架注意：该文章只针对与vue-cli版本为4.5.13查看自己vue版本vue-V搭建vue3.0创建一个项目文件夹，cmd打开该文件夹，输入vuecreate.回车注意

多喝.热水·2023-09-03 09:55

wangEdit大致使用

两种方式任选其一yarnadd@wangeditor/editor-for-vue@nextnpminstall@wangeditor/editor-for-vue@next--save2、创建富文本框组件，以下是vue3.0

大吉大利的卦象·2023-09-03 00:49

创建Vue3.0项目

创建Vue3.0项目操作步骤1.打开命令行工具2.安装最新版的Vue3.安装最新的脚手架4.创建Vue项目总结操作步骤1.打开命令行工具Windows系统：快捷键win+r，输入cmd然后就可以输入命令啦

✎﹏ℳ๓敬坤·2023-09-02 20:50

Vue3.0重点API整理二

一、单文件组件是在单文件组件(SFC)中使用组合式API的编译时语法糖。使用方法：要使用这个语法，需要将setupattribute添加到script代码块上：console.log('helloscriptsetup')里面的代码会被编译成组件setup()函数的内容。这意味着与普通的只在组件被首次引入的时候执行一次不同，中的代码会在每次组件实例被创建的时候执行。相比于普通的语法，它具有更多的优

小猫爱吃yu·2023-09-02 20:22

Vue3学习文档

一、Vue3.0六大两点Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：按需编译,体积比Vue2.x更小CompositionAPI:组合API(类似ReactHooks

19岁的墨先生·2023-09-02 20:22

vue3基本使用

1、vue3.0生命周期钩子函数setup创建实例前onBeforeMount挂载DOM前onMounted挂载DOM后onBeforeUpdate更新组件前onUpdated更新组件后onBeforeUnmount

HS_d119·2023-09-02 15:17

学习Vue 3.0 （2）

Vue3.0生命周期Vue3.0中可以继续使用Vue2.x的生命周期钩子，但是有两个被更名beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0

Beppo·2023-09-02 11:56

Vue2.0/Vue3.0使用xlsx+xlsx-style实现导出Excel文件

一、依赖导入1、Vue2+Webpack构建的npmixlsxnpmixlsx-stylenpmifile-saver同时修改以下：解决Can’tresolve‘./cptable’in‘…’的问题，在vue.config.js文件中加入该配置module.exports={externals:{'./cptable':'varcptable'}}2、Vue3+Vite构建的npmixlsxnpm

m0_38004177·2023-09-02 09:11

你知道Vue 3.0中Treeshaking特性吗？

介绍Vue3.0引入了Tree-shaking特性，旨在优化构建过程并减小最终生成的代码大小。

heiyay·2023-09-02 09:10

Vue3.0 放弃 Object.defineProperty 你了解多少？

想必大家都知道Vue3.0把数据对象侦测的API从Object.defineProperty换成proxy，原因是使用了Proxy初始性能更好。

前端老司机·2023-09-02 00:12

vue3.0刷新当前组件nextTick

$nextTick直接调用这个函数来操作的，在vue3.0中的setup他的用法是不一样的在setup中的用法：1、引入reactive和nextTickimport{reactive,nextTick

浩星·2023-09-01 16:59

vue3.0中改变router为hash或者history

前言:在这里我们分析总结下vue2.0和vue3.0改变router为hash或者history的方法。

浩星·2023-09-01 16:28

Vue3.0 setup函数

setup1、Vue3.0中一个新的配置项，值为一个函数。2、setup是所有CompositionAPI(组合API)“表演舞台”。3、组件中所用到的：数据、方法等等，均要配置在setup中。

蹲蹲、·2023-09-01 07:24

Vue3.0面试题

1.Vue3.0性能提升主要是通过哪几方面体现的？1.响应式系统提升vue2在初始化的时候，对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象，还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好，proxy可以拦截属性的访问、赋值、

ifredom_·2023-09-01 07:21

uni-app 项目支持 vue 3.0 介绍及升级指南

至此，uni-app在App/H5/小程序全平台支持Vue3.0开发，且全平台支持Vite编译器，下载HBuilderX3.3.0+体验。

嚣张农民·2023-09-01 01:39

Vue 3 is now in RC!

今天Vue官方宣布Vue3.0已进入RC（发行候选）阶段！仰天长啸~"天下苦秦久矣"。进入RC阶段意味着Vue3核心的API和实现均已稳定。

李_李·2023-08-31 17:33

egg.js+vue.js 云服务器部署 -- 环境配置

写个流程防止以后忘记；前端是用vue3.0全家桶+ts；后端是egg.js+mysql；该博文不涉及项目内容，后续有时间再写个项目篇；1、既然是云服务器部署，肯定得先购买服务器，博主是个前端小白，对服务器也是一无所知

氵木子剑·2023-08-31 10:17

vue3.0常用配置详解 vue.config.js

在项目文件下的根目录创建vue.config.js//引入pathconstpath=require('path');module.exports={baseUrl:'',//从VueCLI3.3起已弃用，请使用publicPathpublicPath:process.env.NODE_ENV==='production'?'/':'/',//输出文件目录outputDir:'dist',//静态

半度℃温热·2023-08-30 23:01

vue3.0常用eslint配置详解 .eslintrc.js

规则值"off"或者0，关闭"warn"或者1，警告"error"或者2，报错.eslintrc.js配置module.exports={root:true,//此项是用来告诉eslint找当前配置文件不能往父级查找env:{//预定义的全局变量，这里是浏览器环境amd:true,es6:true,commonjs:true,node:true,jquery:true,browser:true},