VUE3.0 第14页

Vue3.2单文件组件setup的语法总结

setup语法糖setup是Vue3.0后推出的语法糖，并且在Vue3.2版本进行了大更新，像写普通JS一样写vue组件，对于开发者更加友好了；按需引入computed、watch、directive等选项

泪滴在琴上·2023-08-06 18:30

vue3 集成 Element-Plus之全局导入/按需导入

element-plus集成ElementPlus，一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库：在Vue2中使用element-ui，而element-plus是element-ui

摆烂打咩·2023-08-06 12:42

Vue3.0双向绑定核心：Proxy 示例

Vue3.0用Proxy替代了Object.defineProperty，优化了：无法监听属性的添加和删除、数组索引和长度的变更。这里只做一个双向绑定的示例代码。

leesession·2023-08-05 01:56

vue3.0 bpmn-js + TS 简易教程

前言bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.这里主要记录本人在开发bpmn中的流程参照了LinDaiDai_霖呆呆大佬的文档实战安装bpmnnpminstall--savebpmn-jsHTML//画布//右边面板JSimport{markRaw,onMounted,ref}from"vue";importBpmnModelerfrom"bpmn

下一站丶·2023-08-04 10:40

vue3.0 父组件调用子组件方法及获取子组件的值

1.vue3.0父组件调用子组件方法及获取子组件的值通过对比2.0的获取及调用方式这里我们也可以借鉴2.0中的this.$refs去获取3.0和2.0的refs获取的方式有点大同小异，但是思路还是一样的这里我详细的讲解一下他的调用方式及获取方法1.第一步需要我们在父组件中定义一个方法当我们点击这个方法的时候去调用子组件的方法代码如下//父组件向父组件传值importsonfrom'@/views/

都挺好，刚刚好·2023-08-04 06:48

搭建 Vite + Vue3 + Pinia + Element Plus 项目。

Rlm*·2023-08-04 06:11

基于Vue3的数据可视化低代码平台

经过技术调整与迁移，JNPF快速开发平台升级为Vue3.0技术。Vue3.0作为最新版本的Vue.js框架，拥有更强大的性能和更丰富的功能，为低代码开发平台注入了全新的活力。

这我可不懂·2023-08-03 22:15

vue3.0是如何变得更快的

vue3.0是如何变得更快的？优化Diff算法相比Vue2，Vue3采用了更加优化的渲染策略。去掉不必要的虚拟DOM树遍历和属性比较，因为这在更新期间往往会产生最大的性能开销。

Zhang_QIM·2023-08-03 14:09

Vue3_03_拉开序幕的setup

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

我要学前端！·2023-08-03 10:06

Vue3_02 创建Vue3.0工程

1.使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue-V 或vue--version##安装或升级你的 @vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue-testnpmrunserve2.使用vite创建什么是vite?——新一代前端构建工具（之前是grunt、gulp，现在是we

我要学前端！·2023-08-03 10:05

Vue3.0父子组件传值，事件触发

父级组件Parent-这里是父元素contentimportChildrenfrom"./Children.vue";//父级组件事件定义constparentEvent=(val)=>{console.log("ParentEvent");console.log(val);};.parent{width:500px;}子组件Children-{{props.title}}import{defin

Leon4055·2023-08-03 06:58

vue 3.0 报错 Property or method “form“ is not defined on the instance but referenced during render

如何处理vue3.0当中遇到的Propertyormethod“form“isnotdefinedontheinstancebutreferencedduringrender1.有可能是form或者pageData

沪上百卉·2023-08-03 00:23

【Vue3.0】- 计算属性

计算属性计算属性API：computed例子import{computed,ref}from'vue'constcount=ref(1)constresult=computed(()=>count.value+1)console.log(result.value)//2result.value++//errorcount.value++console.log(result.value)//3先使用

啦啦啦喽啰·2023-08-02 19:57

vue3.0(vue-next)构建cesium应用--脚手架搭建

vue3.0集成cesium的方案根据脚手架初始化vue3项目，这一步网上有很多教程就不详细说明了安装插件vue-cli-plugin-cesium编写测试demo//example.tsximport

情空惜阳·2023-08-02 13:34

【前端面试题——vue3篇】

中双向数据绑定是如何实现的5.v-if和v-for的优先级6.vue常用的修饰符7.自定义指令详解8.vueslot9.vue初始化页面闪动问题10.vue更新数组时触发视图更新的方法11.Vue2.0和Vue3.0

北海屿鹿·2023-08-02 12:43

【前端vue3面试题】2023最新面试实录vue3.0，高频10问(持续更新...)

wzySan·2023-08-02 10:06

Vue2面试题

1.Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖

new code Boy·2023-08-02 10:33

Vue3.0 — element-plus 表单嵌套表格实现动态表单验证【实战】

我想有不少小伙伴都有遇到过表单嵌套表格，那么在这种情况下怎么实现动态验证呢？（即表单项可以动态添加/删除）效果图如下表格有添加和删除按钮，点击提交进行表单验证element官方有给出表单动态验证的方法，但是实际上大多数项目的需求无法满足，所以需要在其基础上进行修改首先data格式必须是对象包裹数组forms:{tableData:[]}然后表单绑定form数据表格绑定tableData数据接下来给

Z.Dragon·2023-08-02 09:28

vue3.0 echarts在nginx环境中二次渲染不成功

echarts在开发环境中，组件切换二次渲染的时候是可以正常显示的。打包放入nginx中，二次渲染不出来。解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例：document.getElementById("mychartid").removeAttribute('_echarts_instance_')//移除容器上的_echarts_instance_属性

十八里8837·2023-08-02 01:50

Vue3.0学习笔记

Vue3.0的六大亮点Performance：性能比VUE2.x快1.2-2倍Treeshakingsupport按需编译，体积比Vue2.x更小CompositionAPI：组合API（类似ReactHooks

多吃水果多锻炼·2023-08-01 08:54

vue3.0 树形（省市区），根据id获取name（递归）

constgetTreeName=(list,id)=>{for(leti=0;i0){letres=getTreeName(a.children,id)if(res){returnres}}}}}

张张524·2023-07-31 11:46

vue3.0 监听地址栏url

import{watch}from'vue'import{useRouter}from'vue-router'setup(){constroute=useRouter()watch(route.currentRoute,()=>{console.log（'对应操作'）});}

张张524·2023-07-31 11:16

Vue3.0 下载本地文件

下载模板

张张524·2023-07-31 11:16

Vue2 Vue3快速搭建项目框架

文章目录前言一、VueCLI二、安装CLI1、安装命令2、版本查看3、版本升级三、创建项目1、创建【Vue2.0】项目1.1、创建命令1.2、选择默认【Vue2】选项1.3、【Vue2】项目创建完成2、创建【Vue3.0

李元芳·2023-07-30 11:25

TextClamp for Vue3.0（Vue3.0的文本展开收起组件）

呦！大家好，好久没有更新博客了，最近实现了一个一直想自己完成的一个东西，就是文本的展开收起组件，以前项目需要用到，自己实现一个又太繁琐，所以那个时候都是用的别人的轮子，现在自己尝试了一下，居然实现了，所以在这里向各位分享一下。（郑重声明，实现肯定有很多种方法，下面的只是我自己原创的方法，不喜勿喷）代码其实很简单，注释也很详细，具体的实现效果也还是不错的，现在在下面贴一下代码：npm包的链接在这里：

汤圆真的好可爱·2023-07-29 22:01

前端开发Vue3.0 标签setup语法『UI组件库』之『模态框』【业务提升必备】

封装模态框需要定义的参数title//弹窗标题show//是否显示弹窗width//弹窗宽度height//弹窗高度borderRadius//弹窗圆角headerColor//弹窗顶部颜色contentText//内容文本contentTextCorder//内容文本颜色position//标题的位置btnGroupShow//按钮的显示隐藏confirmText//确认按钮的文本cancelT

有两把刷子·2023-07-29 21:54

一文掌握 vue3.2 setup 语法糖

在Vue3.0中变量必须return出来，template中才能使用；而在Vue3.2中只需要在script标签上加上setup属性，无需return，template便可直接使用，非常的香啊！

Java技术人·2023-07-29 20:03

【2022】前端面试之vue汇总

$set的实现原理vue2.0为什么不劫持数组vue3.0是怎么做的劫持为什么vue2.0不用proxyproxy的优势为什么要用Proxy替代defineProperty？

yqhhzz_web·2023-07-29 12:39

uni-app开发日志[2022022701]：解决因异步原因导致子组件调用父组件中uni-form表单验证事件时发生的错误及uniform、promise、async、await的同步异步使用注意点

注意，本文代码使用的是vue3.0，其它版本尚未测试过。先对uni-form的部分表单验证有个了解un

暂时先用这个名字·2023-07-29 07:15

Vue3.0的setup执行时机和注意点

首先说一下执行时机1.时机位于beforeCreate和created之前2.beforeCreate:表示组件刚刚被创建出来，组件的data和methods还没初始化好3.created:表示组件刚刚被创建出来，并且组件的data和methods已经初始化好注意点1.由于在执行setup函数时候，还没有执行created生命周期方法,所以在setup函数中，是无法使用data和methods2.

进阶的巨人001·2023-07-29 02:51

Vue3.0性能优化之toRaw,markRaw

有一些操作不需要更新UI界面,就可以用toRaw,节约性能,我们可以通过toRaw方法拿到它的原始数据，对原始数据进行修改,就不会更新UI界面怎么做呢?先说下toRaw配合reactiveimport{reactive,toRaw}from'vue'setup(){letobj={name:'lsh',age:18};letstate=reactive(obj)letobj2=toRaw(stat

进阶的巨人001·2023-07-29 02:51

【vue3.0】铺垫知识 | ES6模块化与异步编程高级用法

一、ES6模块化1.回顾：node.js中如何实现模块化2.前端模块化规范的分类3.什么是ES6模块化规范4.在node.js中体验ES6模块化5.ES6模块化的基本语法5.1默认导出5.2默认导入5.3导出和导入的注意事项5.4按需导出5.5按需导入5.6按需导出与按需导入的注意事项5.7直接导入并执行模块中的代码二、Promise1.回调地狱1.1如何解决回调地狱的问题为了解决回调地狱的问题，

睡前梦想家·2023-07-28 22:34

Vue3.0 最常出现的5道面试题（大厂面试必备！）2021-07-09

1、Vue3.0性能提升主要是通过哪几方面体现的？1.响应式系统提升vue2在初始化的时候，对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。

猴逃逃·2023-07-28 17:51

vue-element-admin中实现自适应功能

网上很多说这个是vue3.0才可以使用，但是我这边实际情况是vue2.x版本也可以用。操作步骤1：下载插件npminstallpostcss-px-to-viewport--save-dev2：使用：

steamedbread321·2023-07-28 12:23

vuex-基础

目的：知道每个配置作用，根模块vue3.0的用法，带命名空间模块在vue3.0的用法1.根模块的用法定义vue2.0创建仓库newVuex.Store({})vue3.0创建仓库createStore(

缺月楼·2023-07-28 04:00

vue新学习 01

的官方插件vue.devtools，这个会让vue的在浏览器上的测试变得很流畅很方便，这个是应该防火墙的原因不能够在谷歌的官方软件库中去下载，需要在百度中去搜索相关的插件信息，下载，6.0版本的插件是对应vue3.0

万zp·2023-07-27 22:47

基于vue3.0实现vr全景编辑器

现在我们基于vue3.0版本开发出了一款沉浸式的编辑器，只需要使用全景相机在现场拍摄全景场景，然后将场景倒入编辑器，通过拖动图标和导航的方式绑定数据，从而实现沉浸式场景可视化。

#麻辣小龙虾#·2023-07-27 12:35

Vue3教程：Vue3.0 + Vant3.0 搭建种子项目

转载于：https://www.cnblogs.com/han-1034683568/p/13875663.htmlGitHub新蜂商城Vue3版本：https://github.com/newbee-ltd/newbee-mall-vue3-appVUE3中文文档：https://vue3js.cn/docs/zh/guide/migration/introduction.htmlVant3官方

鬼魅汐·2023-07-27 06:00

如何定义全局自定义组件如何把自定义组件作为插件使用Vue.use()使用包含(vue3.0)

如何定义全局自定义组件如何把自定义组件作为插件Vue.use()使用定义组件文字区域-->文字区域按钮区域exportdefault{}.page-tools{display:flex;justify-content:space-between;align-items:center;.tips{line-height:34px;padding:0px15px;border-radius:5px;b

沉迷...·2023-07-27 00:19

vue学习笔记 VUE3 v-for 中使用ref

参考：VUE3.0之v-for中的Ref数组{{tag.title}}moveToCurrentTag(){consttags=this.$refs.tag;this.

xjcwzp·2023-07-26 23:35

vue3.0 登录页demo

1、login.vue欢迎登录helloword系统记住密码登录import{onMounted,reactive,toRefs,watch}from'vue'//引入路由import{useRouter}from'vue-router'exportdefault{name:'app',setup(){conststate=reactive({username:null,//用户名password

小六路·2023-07-26 21:03

vue3.2 setup 语法糖常用简介

在Vue3.0中变量必须return出来，template中才能使用；而在Vue3.2中只需要在script标签上加上setup属性，无需return，template便可直接使用，非常的香啊！

Mr_Liu攻城狮·2023-07-26 16:13

echart之map地图图表使用教程

echartsmap（echarts地图）使用教程效果展示准备阶段获取地图geojson数据安装echarts开始绘制容器准备js代码补充事项vue3.0用ref定义echarts报错toRaw、markRaw

跳跳的小古风·2023-07-26 04:38

fabric.js实现鼠标左键框选截图

canvas利用右键mouseup事件实现一个rect通过fabric.js新建一个image对象，将上面的rect坐标、宽高传入image的toDataUrl事件里面，直接转换成图片3.源码我采用的vue3.0

Tommy·Yang·2023-07-25 23:48

vue3.0 安装包报ReferenceError：globalThis is not defined错误

直接贴图解决方法,node升级到支持globalThis的版本（v12或更高版本）globalThis:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/globalThis如果说升级node还没有解决这个问题，试一下更新浏览器以支持es2020https://caniuse.com/m

开心市民小李・ࡇ・·2023-07-25 16:14

Vue3.0 ref、reactive、toRef、toRefs、customRef的区别

一、reactivereactive用于为对象添加响应式状态。接收一个js对象作为参数，返回一个具有响应式状态的副本。获取数据值的时候直接获取，不需要加.value参数只能传入对象类型import{reactive}from'vue'//响应式状态conststate=reactive({count:0})//打印count的值console.log(state.count)二、refref用于为

抽疯的稻草绳·2023-07-24 11:04

Vue2.0和Vue3.0的区别

次的版本迭代都是对上⼀个版本的升级优化，不管是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便，接下来我会着重于开发者来说⼀下两个不同版本的区别，详解1.vue2.0和3.0的初始化就存在着⼀定区别，⽐如vue3.0

小小1992·2023-07-24 11:42

vue3.0小入门

整体上来说如果有很强的2.0基础，那相对来说会很快入手。重点全部在组合式API和响应式API，其他的实际上跟2.0的区别是不大的。1.组合式PAPI需要去了解setup()，简单的说是把生命周期钩子和方法、变量等，全部都放在setup里面来，所有的操作都在里面完成。比如：onMounted，watch，computed，watchEffect等等2.响应式API简单的理解是，要去用新的API怎么实

玩点小技术·2023-07-24 09:52

Vue3.2 setup语法糖

setup简单介绍起初Vue3.0版本变量和方法都是要return出来才可以使用，很不友好。

最爱松露巧克力·2023-07-23 23:11

VitePress

2021-08-26title:YyqVitePressdescribe:VitePress配置一.简介VitePress是VuePress的下一代框架VitePress是VuePress的下一代框架,支持vue3.0

YYQi·2023-07-23 17:02

推荐频道

VUE3.0