VUE3.0 第4页

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

Vue3 +Vite项目部署遇见的问题

解决方案：使用vite创建vue3.0项目的时候，vite不会自动install相关的依赖，需要手动安装。项目目录下并没有node_modules文件夹。出现这个问题的原因：缺少安

buzzaz·2023-12-25 07:34

vue-markdown插件zyf-markdown

这个插件目前只兼容vue2.x，暂时还不兼容vue3.0，兼容ie仓库地址国内仓库地址仓库地址示例demo安装npminstallzyf-markdown使用在main.js中调用importmarkDownfrom'zyf-markdown'Vue.use

沙滩上的一颗石头·2023-12-23 01:28

vue3.0 通用管理页面封装

bmTable使用方法新增exportdefault{mixins:[IndexMixin],setup(){constbmTable=ref()constpostData=(data)=>{returndata;}constpreData=(data)=>{returndata;}return{postData,preData,bmTable}}}exportdefault{data(){ret

刘双武·2023-12-22 15:08

vue3.0 reactive函数

reactive（）函数接收一个普通对象，返回一个响应式的数据对象。基本语法import{reactive}from"@vue/composition-api"//按需导入函数conststate=reactive({count:0})//得到的state类似于vue2.x中date返回的响应式数据对象在setup()函数中调用reactive（）函数创建响应式数据对象setup{conststa

阿鑫YuXi9999·2023-12-22 12:21

VUE3（一）安装+使用vite创建一个项目

VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。

camellias__·2023-12-20 13:50

vuex--未完

一、简介vue3.0以上，本文是3.0vue2.0Vuex是一个专为Vue.js应用程序开发的状态管理模式+库（全局管理，相当于一个全局变量，所有页面共享）。

xp_1711·2023-12-20 11:26

[Vue]Vue3.0+Element Plus搭建项目

Vue3.0+ElementPlus搭建项目一、升级vue-cli二、新建vue3.0项目三、安装ElementPlus一、升级vue-cli首先在终端输入以下命令，查看脚手架版本vue-V本次使用用vue-cli

iChangebaobao·2023-12-19 22:09

Vue 3 系统性学习看这一篇就够了

后续这块业务迭代由我这边来负责，整理记录一些笔记方便，在若干年后，在不使用Vue的情况下，看到这篇文章能够达到快速记忆的目的，记录遗漏的点，大家也可在评论区提出来进行修正文章目录Vue3简介Vue3带来了什么创建Vue3.0

刘架构·2023-12-19 21:07

Vue3.0监听器watch与watchEffect

什么是watch属性在Vue3中，watch仍然是一种用于监听数据变化并执行相应操作的方式，不过在组合式API中，watch的使用方式与选项式API略有不同。以下是关于Vue3中的watch的一些基本信息：使用watch的基本语法：在组合式API中，你可以使用watch函数来监听一个响应式数据的变化。import{ref,watch}from'vue';constmyValue=ref(0);wa

heiyay·2023-12-18 16:47

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

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

jeecg博客·2023-12-18 15:28

vue3.0自定义指令实现表格无限滚动

1.代码letVue=createApp(App)Vue.directive('tableInfiniteScroll',{mounted(el,binding){lettbody=el.querySelector(".el-table__body-wrapper");el.tableInfiniteScrollFn=function(){if(this.scrollHeight-this.scr

醉红梦颜·2023-12-17 18:36

vue3.0 项目启动 npm run serve 报错

VUE3.0的项目git上面clone的，但是npmrunserve报错，不知道为什么，求指点D:\vicky\新建文件夹\vue3.0-admin>npmrunserve>[email protected]

不一般的菜瓜·2023-12-17 10:12

3.electron之vue3.0的桌面应用程序

项目效果文件目录如果你想使用Electron来打包Vue3.0项目，并且同时保持原始项目在Web上的运行

前端加油站·2023-12-17 08:03

Vue3 setup语法糖学习

起初Vue3.0版本暴露变量必须return出来，template中才能使用。

雷霆击碎黑暗·2023-12-17 02:48

vue3快速上手

vue3快速上手一创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二常用compositionAPI1.setup1.理解：vue3.0中的一个新的配置项，值为一个函数2.setup是所有

叶浩成520·2023-12-17 02:05

vue3.2版本setup语法糖

setup语法糖：一、Vue3.0里定义的变量、属性和方法必须return出来，中才能使用；这样会导致在页面上变量会出现很多次。

俊哥前端工程师·2023-12-16 12:07

vue3.0 el-table 行内点击图标修改该条数据某个值

需求：点击el-table中的单个状态旁边小图标可以进行修改该条数据的状态：原型图如下点击编辑图标，可以进行如下图操作：实现逻辑：获取表格数据时，我们可以给其一个标志位，以此来展示改初始时为不可编辑状态，只有点击按钮才能显示选择框以及取消保存按钮，我们可以通过该条数据的indexrow的改变来达到我们的目的，修改该条数据。代码如下：//初始时赋值标志位显示不可编辑状态res.data.rows.f

未来记忆.·2023-12-15 11:33

Vue3.0的setup学习笔记

1、setup的理解setup组件选项在组件创建前执行，一旦props被解析，并充当CompositionAPI的入口，也就是说组合API是在setup这个选项函数中使用的。setup函数的注意点没有this：由于在执行setup的时候组件实例还没创建成功，所以在setup中去打印this是undefinedsetup执行时间是在beforeCreated钩子函数之前执行的setup函数不能为异步

听书先生·2023-12-15 02:01

如何开启vue3.0 调试工具vue-devtools

1.去https://github.com/vuejs/vue-devtools官网下载2.注意：安装beta版本image.png3.安装后直接使用，不用作其它配置，直接F12可以看到新版的vue-devtool

李成泽·2023-12-06 17:03

vue3.0 写法格式

utils/utils.jsimport{reactive,toRefs}from'vue'import{useStore}from'vuex'exportdefaultfunction(){conststore=useStore()constdictionary=reactive({dictionaryMap:{},dictionaryList:[]})constgetDictionary=as

qq_34114535·2023-12-06 14:56

vue3.0 引入国际化

index.jsimport{createI18n}from'vue-i18n'importcachefrom'@/utils/cache'//element-plus国际化文件importelement_zh_cnfrom'element-plus/lib/locale/lang/zh-cn'importelement_enfrom'element-plus/lib/locale/lang/en

qq_34114535·2023-12-06 14:25

vue3.0 layout 以及路由示例缓存tabs以及menu

layoutimport{RouterView}from'vue-router'importstorefrom'@/store'importSidebarfrom'@/layout/components/Sidebar/index.vue'importNavbarfrom'@/layout/components/Navbar/index.vue'importTabsfrom'@/layout/co

qq_34114535·2023-12-06 14:25

Vue3.0的初始化

Vue3.0的初始化官方文档（中文版）：https://vue3js.cn/docs/zh/1、创建一个Vue3.0的项目1、npminitvite-appvue3.02、cdvue3.03、npminstall4

viceen·2023-12-05 23:57

Vue2.0与Vue3.0的区别

一、Vue2和Vue3的数据双向绑定原理发生了改变Vue2的双向数据绑定是利用ES5的一个API，Object.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。通过Object.defineProperty来劫持数据的setter，getter，在数据变动时发布消息给订阅者，订阅者收到消息后进行相应的处理。（1）将Vue中的data里的所有属性通过实现Observer（

wei_dan1129·2023-12-05 14:35

【计算机毕业设计】Vue3.0小兔鲜儿电商项目+项目学习笔记

Vue3.0小兔鲜儿电商项目基于vue3.0的组合API方式与选项API的方式开发的一个综合品类的电商前台系统。

JAVA编码选手·2023-12-05 02:17

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

面试官：Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？

C+ 安口木·2023-12-04 19:31

Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？

面试官：Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？

C+ 安口木·2023-12-04 19:22

Vue3.0正式版我馋了，Composition-Api 真香

2020年9月19日北京凌晨，代号为OnePiece的Vuejs3.0终于发布了。该完整版的开发周期长达两年多官方表示：尽管框架的某些子项目可能仍需要进一步的开发才能达到稳定状态（特别是devtools中的路由和Vuex集成），不过现在仍然是开始使用Vue3启动新项目的合适时机。如果还有人不知道新系统或者吐槽「新系统结构像意大利面，甚至说抄袭React」，小编只能说你真的不懂3.0的Vue好在哪？

桃桃555·2023-12-04 13:28

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理

十八岁讨厌编程·2023-12-03 19:06

vue3.0实现标签云（或词云）

echarts-wordcloud插件这里是我使用插件的版本"echarts":"^5.2.2","echarts-wordcloud":"^2.0.0","vue":"^3.2.26",二、附上.vue文件内容这里我使用的是vue3.0

张小浪·2023-12-03 12:29

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

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

硅谷干货·2023-12-03 01:02

Vue3引入element-plus

安装element-plus会炸，版本不兼容，还是可以使用下面的方法来进行安装：vueaddelement-plus会自动帮助我们适配版本注意目前eement-ui只支持Vue2.6以下的版本，如果想在Vue3.0

qx_6569·2023-12-01 08:43

vue3.0 前进刷新后退缓存

app.vue入口import{defineComponent,computed}from"vue";import{useStore}from"vuex";import{_useRouter}from"@/utils/use-router";exportdefaultdefineComponent({setup(){//初始化重写pushreplace方法_useRouter();conststo

jiu木·2023-12-01 08:13

101、Vue3.0打包后出现一些map文件的解决办法

2，会在项目目录下自动创建dist目录，打包好的文件都在其中解决办法：在vue2.0版本中去src/config/index.js中改一个参数：productionSourceMap:false；而在vue3.0

world_7735·2023-11-30 21:08

vue-cli3.0接入海康视频遇到的问题与解决

1、由于js文件引入错误报的错（由于js唯有引入正确，相应的方法没法使用）解决方法：vue3.0的js文件必须放在public下才能引入成功，需要在index.html中引入需要的js文件2、海威视频多屏的点击事件见

喵小花儿和喵小胖儿·2023-11-30 18:51

[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue

Vue3.0脚手架报错[vue/no-multiple-template-root]Thetemplaterootrequiresexactlyoneelement.eslint-plugin-vue有道翻译

乐辞·2023-11-30 07:03

数据懒加载（Vue3）

导入资源导入用到的属性useIntersectionObserver函数我们可以使用`@vueuse/core`中的`useIntersectionObserver`来实现监听进入可视区域行为，但是必须配合vue3.0

沃德麻鸭·2023-11-30 01:22

vue 2.0使用tinymce-vue富文本

npm下载，如果是vue3.0版本执行以下代码npminstalltinymce-Snpminstall@tinymce/tinymce-vue-Svue2.0使用以下npm安装npminstalltinymce

Allen·赵·2023-11-30 01:31

uniapp + vue3.0 + ts + vuex4开发支付宝小程序的报错处理

1、vue3+vuex4+ts开发的支付宝小程序，在main.ts上用app.use(store)，报错Cannotreadproperty‘VUE_DEVTOOLS_GLOBAL_HOOK’ofundefined，运行在微信小程序上不报错解决办法如下：进入/node_modules/vuex/dist/vuex.esm-browser.js和/node_modules/vuex/dist/vue

清风明月的博客·2023-11-29 06:31

《vue 3.0探险记》- 尝试安装And Design

继上一篇：《vue3.0探险记》-尝试安装ElementUI，我们发现element这是要跑路的节奏，那就赶紧找好下家，想一想饿了么被阿里给收购了，阿里有AndDesign,一家公司确实不需要两种风格的

张中华·2023-11-28 23:25

vue3.0 element-plus el-table层级嵌套问题

在自定义封装element-plusel-table组件时，偶然发现会提示这样的错误[Vuewarn]:Unhandlederrorduringexecutionofschedulerflush.ThisislikelyaVueinternalsbug导致列表数据无法切换问题，经过排查可能是因为封装的层级过深的问题将代码调整一下调整前调整后

lT-_-T_·2023-11-28 11:32

Vue简答题

1、Vue3.0性能提升主要是通过哪几方面体现的？

拾荒李·2023-11-27 19:55

vue3.0面试题整理

1.Vue3比vue2优势1.性能更好2.体积更小3.更好的ts支持4.更好的代码组织5.更好的逻辑抽离6.更多新的功能2.Vue3升级了哪些重要的功能？1.createApp：创建vue实例的方式2.emits属性，组件中的事件要先使用emits进行声明，然后在setup的形参引入3.生命周期4.多事件5.fragment：不再限制唯一根节点6.移除.sync：7.异步组件的写法：Vue2直接i

Zang_WS·2023-11-27 19:24

推荐频道

VUE3.0