vue3来喽~ 第42页

vue3中的nexttick

在Vue3中，nextTick是一个用于延迟执行代码的方法，直到下一次DOM更新循环结束。这个方法在Vue的生命周期钩子函数和其他需要等待DOM更新后再执行某些操作的情况下非常有用。

前端小臻·2024-01-20 23:03

探索Vue3：深入理解响应式语法糖

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-20 22:48

TypeScript 函数教程 - 深入理解和使用 TypeScript

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-20 22:46

vue3中watchEffect的使用

基本使用在Vue3中，watchEffect是一个用于创建响应式副作用的API。

小羊lbg·2024-01-20 22:15

一文讲清楚vue中的readonly、shallowReadonly、isReadonly

readonly在Vue3中，readonly是一个用于创建只读响应式对象的函数。它可以应用于普通对象或响应式对象，将其转换为只读对象，这意味着不能对这个对象进行修改操作。

小羊lbg·2024-01-20 22:45

一文讲清楚Vue3中computed的使用

前言computed()方法期望接收一个getter函数，返回值为一个计算属性ref。和其他一般的ref类似，你可以通过XXX.value访问计算结果。计算属性ref也会在模板中自动解包，因此在模板表达式中引用时无需添加.value。基本使用先看一下以下代码import{ref,computed}from'https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vu

小羊lbg·2024-01-20 22:44

一文讲清楚vue3中watch的使用

前言watch的第一个参数可以是不同形式的“数据源”：它可以是一个ref(包括计算属性)、一个响应式对象、一个getter函数、或多个数据源组成的数组侦听一个ref的数据值这里先提一下，对于ref函数返回的响应式数据对象，它在模板里面使用时是不需要.value的import{ref,watch}from'https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue

小羊lbg·2024-01-20 22:44

一文讲清楚vue3中ref、reactive、toRef、toRefs、isRef、isReactive、unref、toValue的使用

创建响应式数据ref先看一个组件lettemplate=`{{count}}在模板+1通过方法+1`exportdefault{setup:function(){letcount=0letincrement=()=>count++return{count,increment}},template,}我们定义了一个count，还有一个修改它的方法，并尝试在模板中通过两种方式去修改它，但结果却是页面没

小羊lbg·2024-01-20 22:43

vue3二次封装element-ui中的table组件

为什么要做这件事借助封装table组件的过程来巩固一下vue3相关知识点。

趁着年轻吃点苦·2024-01-20 22:11

vue：vue2与vue3的区别

一、背景vue2是指的2.Xvue3是指的3.0以及更新的版本（3.2版本在script标签里可以写setup，极大的简化了开发）本文对比两者区别。

snowball_li·2024-01-20 21:44

盘点 Vue3 与 Vue2 的区别

一、Vue3与Vue2区别详述1.生命周期对于生命周期来说，整体上变化不大，只是大部分生命周期钩子名称上+“on”，功能上是类似的。

zayyo·2024-01-20 21:44

vue2与vue3的diff算法区别

Vue2和Vue3的diff算法有一些区别：Vue2使用双向指针来进行虚拟DOM的比较，而Vue3则使用了单向链表的方式。

欧菲小杨·2024-01-20 21:13

vue2与vue3区别

1.vue2只有选项式api,vue3包含选项式和组合式api组合式api的出现改善处理同一事件的逻辑却要分开的问题（改善业务逻辑的割裂），组合式适合大型项目2.vue2.0支持IE9；vue3只支持现代浏览器

more名奇妙·2024-01-20 21:43

Vue2和Vue3的区别2023（详细）

耀南.·2024-01-20 21:42

vue3和vue2的区别？好在哪里？

vue3和vue2的区别？一、好在哪里？

苍山洱海胖·2024-01-20 21:11

Vue3与Vue2的区别和优化

一.Vue3与Vue2的区别Vue3和Vue2之间存在一些重要的区别。以下是其中的一些主要区别：1.性能优化：Vue3通过重新设计和重写了底层的响应式系统，使得Vue在性能方面有了显著的提升。

Zy000428·2024-01-20 21:10

学习vue3（一）

参考：Vue3+TS快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github

小超^_^·2024-01-20 21:06

学习vue3（二）

三、其它CompositionAPI1.shallowReactive与shallowRefshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时候使用?如果有一个对象数据，结构比较深,但变化时只是外层属性变化===>shallowReactive。如果有一个对象数据，后续功能不会修改该对象中的属性

小超^_^·2024-01-20 21:34

v3的响应式，ref，reactive和生命周期（简写）

vue3笔记1.两种安装方式(1)直接创建项目vue3(2)使用vite组件传值1.组件传值的用法从父组件向子组件传值：2.defineprops函数defineProps函数在setup标签内不需要引入

Mangcun_tutu·2024-01-20 20:27

使用vue3+ typeScript 开发小程序

前提要求是使用vue3+typescript进行开发小程序和H5的跨端应用选择框架在uniapp和taro这两个之中进行选择在参了官方和社区示例后最终选择了taro。

dexterII·2024-01-20 19:30

vue3中l和vue2中v-model不同点

vue2比较让人诟病的一点就是提供了两种双向绑定：v-model和.sync，在vue3中，去掉了.sync修饰符，只需要使用v-model进行双向绑定即可。

_处女座程序员的日常·2024-01-20 17:06

vue2.0和vue3.0的区别

vue2与vue3的区别更小vue2采用的是面向对象编程，vue3采用函数式编程更快vue3修改了细腻dom算法，只针对变化的层进行diff，而vue2是对所有的dom进行diff加强typescript

wjing静·2024-01-20 16:58

[vue3+django]升级_权限功能+路由设置+动态路由

一、背景要对vue3项目进行升级，主要是添加用户权限，根据不同用户展示不同路由。

Annimuss·2024-01-20 16:08

vue3-表单输入绑定

表单输入绑定获取表单输入的值方式：手动连接值绑定和更改事件监听器v-model指令（常用）import { ref } from "vue"// 定义个变量接收输入的内容：const text = ref("111")const text2 = ref("222") 默认的value是 111 text

王大可996·2024-01-20 15:17

vue3-列表渲染

v-for我们可以使用v-for指令基于一个数组来渲染一个列表。v-for指令的值需要使用(iteminitems)形式的特殊语法，其中items是源数据的数组，而item是迭代项的别名，(item,index)initemsindex表示当前项的位置索引(可选参数)在v-for块中可以完整地访问父作用域内的属性和变量。形式一v-for="item in items"形式二v-for="(item

王大可996·2024-01-20 15:47

vue3-事件处理

事件监听DOM事件监听指令v-on简写@v-on:click="handler"或者@click="handler"事件处理器(handler)的值可以是：内联事件处理器：比如click方法事件处理器：一个指向组件上定义的方法的属性名或是路径。在内联处理器中调用方法（自定义参数）在内联事件处理器中访问事件参数（自定义参数和原生event事件）方式1你可以向该处理器方法传入一个特殊的$event变量

王大可996·2024-01-20 15:47

vue3-侦听器

侦听器计算属性允许我们声明性地计算衍生值。需求在状态变化时进行一些操作，比如更改Dom,根据异步操作结果去修改另外的数据状态。watch监听异步请求结果import { ref, watch } from "vue"const question = ref('')const answer = ref('问题需要包含一个问号 ;-)')const loading = ref(false)// 可以直

王大可996·2024-01-20 15:44

vue3 + elememt-plus 表单生成器

title:vue3+elememt-plus表单生成器date:2023-10-2716:12:57categorys:[“技术”]tags:[“前端”,“vue3”]缘由昨天写一个表单十几个二十个字段

灯火_·2024-01-20 13:23

vue3+element-plus动态渲染级联选择器，重置渲染数据

需求：重置级联选择器解决方法：在级联中绑定options，在需要重置的地方设置为空（虽然动态渲染的级联选择器根本就不需要:options=""）...一直在试ref绑定各种方法，但是都失败了，反而这样写成功了...详细代码（这里实现了一个二级级联选择器，根据一级数据选中的数据加载二级数据：constselectedValues=ref([])//级联可选择数组constpropsCascader=

T^T尚·2024-01-20 13:51

vue3.2 + vite + ts + vue-router4 + pinia + elementPlus + echarts5 项目初始化

vue3.2+vite+ts+vue-router4+pinia+elementPlus+echarts5项目初始化一.项目搭建全局安装pnpm,安装命令为注意:安装pnpm,node的版本号要大于V14.19.0npmipnpm-g

喜欢电影的小子·2024-01-20 13:50

vue3 + elementplus 教程

一.初始化安装@vue/cli，-g：全局安装vue-clinpminstall@vue/cli-g或者yarnglobaladd@vue/cli二.创建项目vuecreate项目名进行项目初始化D:\workspace\test>vuecreateelement-plus-test?Yourconnectiontothedefaultnpmregistryseemstobeslow.Usehtt

何时才能相遇·2024-01-20 13:48

Vue3+ElementPlus实例_select选择器(不连续搜索)

1.开发需求在各大UI框架的select选择器中，在搜索时都是输入连续的搜索内容，比如“app-store”选项，你要输入“app-xxx”，才能匹配这个选择，要是想输入“a-s”这种不连续的匹配方式，就实现不了，用户体验较差，所以就开发了一个不连续搜索的select选择器，并带有输入内容的高亮提示。2.实现演示下面是我完成后的演示，请看3.主要难点1.如何不连续匹配选项这里我们借用了一下第三方的

徐小硕·2024-01-20 13:46

大年初一

开始拜年了，淑越给我们磕头拜年，红包来喽！

童心_依旧·2024-01-20 13:24

vue3 pure-admin框架的一个问题

这个bug是打开一个没有内容的页面再返回之前有内容的页面之后，有内容的页面的内容都消失不见原因：居然是没有用标签包裹导致的，不知道其他是不是这样，也许只是pure-admin框架会这样。解决：在templete下面用包裹所有内容

贰零壹玖.·2024-01-20 13:56

【vue3】setup语法糖 - 命名空间组件

前言最近在学习setup语法糖的时候，突然发现了命名空间组件这个名词。官方的介绍如下：可以使用带点的组件标记，例如来引用嵌套在对象属性中的组件。这在需要从单个文件中导入多个组件的时候非常有用：import*asFormfrom'./form-components'label看了一下主流的vueUI组件库，比如：ElementPlus、AntDesignVue、NaiveUI其实都没有相关的组件，但

无知的小菜鸡·2024-01-20 13:48

快速上手 Vue.js ＜一＞

vue大部分是用vue开发整个项目全称是vue.js基于标准HTML.CSS.JavaScript构建,并提供了一套声明式的组件化的编程模型本质是一个JavaScript库,已经帮助我们封装好的库1.2Vue32020

原来是有理数·2024-01-20 13:45

Vue3封装一个轮播图组件

先看效果编写组件代码CarouselChart.vue←→import{defineProps,defineEmits}from'vue'constemit=defineEmits(['handlePrev','handleNext'])constprops=defineProps({//图片imgList:{type:Object,required:true,},//是否显示左右切换按钮show

szx的开发笔记·2024-01-20 13:43

Vue 3 hooks的基本使用及疑问

前言vue3也用过一段时间了，hooks听说过，但是一直没有用过。公司的前端项目里也没有相应的应用，因此打算系统的学习一下。hooks与普通函数的区别以实现一个加法功能为例。

无知的小菜鸡·2024-01-20 13:42

手写Vue3源码

Vue3核心源码B站视频地址：https://www.bilibili.com/video/BV1nW4y147Pd?

szx的开发笔记·2024-01-20 13:11

Vue3-路由安装、配置与使用

一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'vue-router'constroutes=[{path:'/',redirect:'/login'},{name:'login',path:'/login',component:()=>import('@/

前端小卡拉米·2024-01-20 12:05

Vue3-Axios二次封装与Api接口统一管理

一、安装axiosnpmiaxios二、创建utils工具文件夹创建request.ts文件importaxiosfrom'axios'//引入element-plus消息提示import{ElMessage}from'element-plus'//引入用户相关的仓库importuseUserStorefrom'@/store/modules/user'//使用axios对象create方法,创建

前端小卡拉米·2024-01-20 12:33

vue3+vite创建项目--（傻瓜式教程）

1、运行创建项目命令#使用npmnpmcreatevite@latest#使用yarnyarncreatevite#使用pnpmpnpmcreatevite剩下的就是启动以及一些配置信息2、vite+vue3

Bubluu·2024-01-20 11:43

vue3 + antd + typeScript 封装一个高仿的ProTable

前言阿里的antd组件说实话真的非常完善了，可是vue版的寥寥无几，vue3的更少了，今天有空就封装一个高仿的ProTable开始其实很简单的，我们是基于vue版的antd进行二次封装，我们把表格组件联动到表单组件即可

An_s·2024-01-20 11:08

vue3 + antd 封装动态表单组件（一）

前置条件：vue版本v3.3.11ant-design-vue版本v4.1.1创建动态组件配置文件config.jsimport{Input,Textarea,InputNumber,Select,RadioGroup,CheckboxGroup,DatePicker}from'ant-design-vue';//表单域组件类型exportconstcomponentsMap={Text:Inpu

guizi0809·2024-01-20 11:36

移动端 h5-table react版本支持虚拟列表

github链接：https://github.com/duKD/react-h5-table有帮助的话给个小星星有两种表格组件常规的：支持左侧固定滑动每行点击回调支持指定列排序支持滚动加载更多效果和之前写的vue3

cheerfulCoder·2024-01-20 10:29

vue3中reactive和ref函数及对比

在Vue3中，reactive和ref都是用于创建响应式数据的方法。ref函数接收一个参数，返回一个包装过的响应式对象。

我爱学习yq·2024-01-20 10:28

VUE知识点汇总：

yarnadd-g@vue/cli第二步：vuecreate项目名字（尽量用英文）第三步：运行项目npmrunserve安装新的软件包，使用npmi依赖包的名字或yarnadd依赖包的名字二、vue相关概念：vue3

释怀_3de6·2024-01-20 10:23

[GN] Vue3快速上手1

文章目录前言使用vue-cli创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2

GGood_Name·2024-01-20 08:25

[GN] 使用vue3+vite+ts+prettier+eslint

学习目标：做到代码格式等统一，此时，esint和prettier就要登场了。学习内容：eslint是代码检测工具，可以检测出你代码中潜在的问题，比如使用了某个变量却忘记了定义。prettier是代码格式化工具，作为代码格式化工具，能够统一你或者你的团队的代码风格。=>安装prettier+eslint包，并做一系列的配置学习时间：创建项目yarncreatevite选择vue作为framework

GGood_Name·2024-01-20 08:22

【Vue3】3-4 : 组件的属性与事件是如何进行处理的

有时候组件上的属性或事件并不想进行组件通信，那么Vue是如何处理的呢？组件的属性与事件默认不通过props接收的话，属性会直接挂载到组件容器上，事件也是如此，会直接挂载到组件容器上。可通过inheritAttrs选项阻止这种行为，通过指定这个属性为false，可以避免组件属性和事件向容器传递。可通过$attrs内置语法，给指定元素传递属性和事件，代码如下：letapp=Vue.createApp(

ladymorgana·2024-01-20 06:32

推荐频道

vue3来喽~