Vue3.2

【Vue H5项目实战】从0到1的自助点餐系统—— 搭建脚手架(Vue3.2 + Vite + TS + Vant + Pinia + Node.js)

前言H5项目基于Web技术，可以在智能手机、平板电脑等移动设备上的浏览器中运行，无需下载和安装任何应用程序，且H5项目的代码和资源可以集中在服务器端进行管理，只需更新服务器上的代码，即可让所有顾客访问到最新的系统版本。本系列将以肯德基自助点餐页面为模板，搭建一款自助点餐系统，第一次开发移动端h5项目，免不了有所差错和不足，欢迎各位大佬指正。项目代码正在gitee同步更新中，项目地址：https:/
中杯可乐多加冰·2023-07-15 15:17

vue3 script setup 语法糖用了才知道有多爽 (一)

setupscript语法糖三、setupscript有什么用1.属性和方法无需返回属性方法小结这里是完整的目录图片,由于整篇文章篇幅太长,拆分成了几篇来展示前言vue3使用的越来越广泛,公司项目开始使用vue3,在vue3.2
YZRHANYU·2023-06-20 20:17

Vue3 script setup 语法糖（升级版）

序：使用了vue3后发现变量每次都必须return，不免很麻烦，所以在vue3.2添加了scriptsetup语法糖，本次修改主要从以下5个方面做了修改:1.SSR：服务端渲染优化。
MoXinXueWEB·2023-06-20 20:16

掌握 Vue3 中的 expose

随着Vue3.2的发布，一个新的组合工具提供给我们，叫做expose。你是否曾经创建过一个需要向模板提供一些方法和属性的组件，但又希
·2023-06-16 14:15

vue3.2中的vuex使用

Vuex中有以下几个核心概念：State：应用程序的状态存储在单一的状态树中，即State。State可以通过store.state属性访问。Mutation：状态的变化必须通过提交Mutation来进行。Mutation是一个包含type和payload属性的对象，type是Mutation的类型，payload是Mutation的有效负载。Mutation通过store.commit方法提交。
qq_2524963996·2023-06-16 05:37

vue3项目模板技术

搭建：基于Vue3.2、TypeScript、Vite3、Pinia、Element-Plus的后台管理框架，使用目前最新技术栈开发。
m0_45127388·2023-06-12 19:06

Vue3.2(语法糖写法) 入门推荐

前言：距vue3.2发布已一年有余，3.2新增的setup的语法糖写法作为紧跟时代的前端开发者是必须要会的，多一项技能也就多一项能在时代洪流中争渡的本钱，本文主要是介绍一些vue3.2日常中用到的比较多的写法
肖呆呆·2023-06-12 18:02

vue3.2 reactivity 之 (ref && reactive) API源码解析

vue3.2reactivity之refAPI,reactiveAPI源码解析--------------refAPI-------------reftrackRefValuetriggerRefValueshallowRefisReftoReftoRefsunrefproxyRefscustomReftriggerRef--------------reactiveAPI-------------
月光下的程序猿·2023-06-11 15:17

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更
IT沐华·2023-06-11 15:41

Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + 微前端（qiankun） 后台管理系统模板（已开源）

最终效果一、前言Wocwin-Admin，是基于Vue3.2、TypeScript、Vite、Pinia、Element-Plus、Qiankun(微前端)开源的一套后台管理模板；同时集成了微前端qiankun
wocwin·2023-04-20 21:33

vue3.2 setup语法糖实现手写签名

取消-->取消重绘保存import{onMounted,reactive,ref}from"vue";import{uploadFileApi}from"@/api/PublicApi";import{base64toFile}from"@/utils/common";constbaseData=ref("")constctx=ref(null)constpoint=reactive({x:0,y
Master-Tang·2023-04-20 17:50

五、vue3.0之组件通信详解(defineProps、defineEmits、defineExpose)

那么当我们遇到这样的场景我们应该怎么做，在vue2.0中，我们使用props和emit进行父子之间的通信，兄弟之间用事件中央总线(eventbus)；在vue3.2的语法中我们则使用defineProps
arguments_zd·2023-04-16 09:56

vue3.2中的vuex使用详解

Vuex中有以下几个核心概念：State：应用程序的状态存储在单一的状态树中，即State。State可以通过store.state属性访问。Mutation：状态的变化必须通过提交Mutation来进行。Mutation是一个包含type和payload属性的对象，type是Mutation的类型，payload是Mutation的有效负载。Mutation通过store.commit方法提交。
·2023-04-12 01:52

Vue3.2 中的 setup 语法糖

vue3.2到底更新了什么？根据原文内容的更新的内容主要有以下5块：SSR：服务端渲染优化。
BingJS·2023-04-11 15:33

「案例」vue3.2 + TS 项目中使用 jsonp 插件解决跨域请求

「案例」vue3.2+TS项目中使用jsonp插件解决跨域请求安装jsonp插件npmijsonpjsonp获取数据案例importjsonpfrom'jsonp'import{ref}from'vue'constkeyword=ref('vue')constsuggestList=ref()//获取百度关键字列表constGetSuggestList=()=>{consturl=`https:/
imtanqin·2023-04-11 11:02

vue3 setup写法（语法糖版本）

vue3.2版本开始才能使用语法糖！
鱿鱼西3.0·2023-04-11 00:25

Vue3 中的 setup 语法糖

vue3.2到底更新了什么？根据原文内容的更新的内容主要有以下5块：1.SSR：服务端渲染优化。
Are杨·2023-04-11 00:48

【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践

前言数月前，公司有个新H5(虽然不认同H5这个叫法，但是大部分人都这么叫‍♂️)项目给到我，作为一名移动端开发小白，免不了各种搜索&踩坑，过程曲折，于是有了这篇文章，希望对需要帮助的人有些许帮助(废话文学)。既然是新项目，那肯定要甩掉历史袱，什么技术新就上什么，vue3，vite，pinia...嘎嘎新✨本人是小白，这些技术都是第一次使用，很多实现&思路都是参(chāo)考(xí)其他大佬‍♂️的
小满只想睡觉·2023-04-07 17:47

vue3.2 电商前台项目（二）—— 路由组件和非路由组件

文章目录一、非路由组件和路由组件1.非路由组件2.路由组件3.非路由组件和路由组件的区别4.路由的跳转4.1声明式导航：router-link4.2编程式导航：push、replace4.3两者区别5.路由元信息6.路由传参6.1params参数6.2query参数6.3路由传参的几种写法6.3.1字符串形式6.3.2模板字符串6.3.3对象写法（最常用的）6.4路由传参的对象写法中的常见问题6.
嘟嘟大姐·2023-04-07 10:16

vue3.2 响应式之 ref 、reactive 、toRef 、 toRefs

vue3.2响应式api响应式apiref//ref用于定义响应式基本数据类型import{ref}from'vue'consta=ref(0)//定义了一个number类型初始值为0的变量aconsole.log
auserroot·2023-04-05 22:53

vue 3.2新功能整理

+TS+Volar=真香vue3.2的发布是不是到了Volar正式登上舞台的时候了?
loriby·2023-04-01 16:42

vue3.2中的defineProps、defineEmits、defineExpose

前言大家都听说了v3.2中的scriptsetup语法糖，当开发中用到组件传值，事件传递的时候突然发现不知所措，不必恐慌，或查官网或记住以下3个api，大部分问题又迎刃而解了。defineProps获取组件传值{{msg}}1111defineProps()//采用ts专有声明，有默认值interfaceProps{msg?:stringlabels?:string[]}constprops=wi
硅谷干货·2023-04-01 06:08

vue3.2 基础及常用方法

Vue3.2(21年8月10日)相比于Vue3新增了语法糖,减少了代码冗余Vue3相比于Vue2,在虚拟DOM,编译,数据代理,打包构建封面进行了优化Vue3使用组合式API,适合大型项目,去除了thisvue2
change_fate·2023-03-31 17:00

从 16 个方向逐步搭建基于 vue3 的前端架构

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu.·2023-03-31 03:37

uniapp之vue3.2 微信小程序开发：路由跳转传参，页面通讯：修改上一页面的数据，监听页面回退传递的数据

场景：最近做的小程序电商模块在确认订单的时候可以修改地址，点击默认地址会跳到地址管理去，点击地址管理中的地址后页面回退把选中的地址传回来，点击默认地址跳到地址管理修改默认地址后回退到确认订单要显示新的默认地址1.页面跳转--传递参数允许在地址管理点击地址回退传递参数constaddressFn=()=>{uni.navigateTo({url:"/pages/my/address/index?is
前端菜鸟好先森·2023-03-24 02:57

vue2与vue3的区别

从Vue3发布以来，我就一直对其非常感兴趣，就一直想着将其投入公司的生产中，但是开始考虑到很多不确定性就暂时对一些很小的功能进行一些尝试；慢慢的发现组合式Api的形式非常适合开发（个人感觉），尤其是Vue3.2
爱在 旅途·2023-03-23 02:56

做好这 16 个方向，逐步搭建出团队的 vue3 前端架构

点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新[1]请自行了解
winty~~·2023-03-14 11:36

一文掌握 vue3.2 setup 语法糖

前言提示：Vue3.2版本开始才能使用语法糖！
BingJS·2023-03-09 11:25

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

目录概要拉开序幕的setup语法糖生命周期钩子ref函数与reactive函数对比computed计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI的优势关注我，不迷路vue3.x相关会在将来持续更新…更新历史：20211122、20220222概要随着vue
普通网友·2023-03-01 10:36

Vue3.2中安装animate.css，搭配swiper轮播使用

使用场景在做主页轮播的时候，有用到swiper插件；需求是，轮播切换的时候，轮播上的图片及文字添加动画，缓缓出现。搭配swiper使用，可以选择animate.css；这里主要介绍animate.css的安装及页面使用，页面有用到的swiper相关的就不介绍了，详情可以翻看上篇文章，上篇文章针对swiper在vue3中的使用有详细的使用教程。使用切换到项目终端，输入命令npminstallanim
发呆的薇薇°·2023-02-21 11:25

Vue3 10多种组件通讯方法

本文简介点赞+关注+收藏=学会了本文讲解Vue3.2组件多种通讯方式的基础用法，并且使用了单文件组件。
德育处主任·2023-02-18 08:16

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更
IT沐华·2023-02-17 02:34

Vue 3.2 源码系列：04-有点难的《最新 diff 算法详解》

本博客将基于最新（2023年1月20日）的vue3.2版本，为大家详细讲解diff算法逻辑，博客内容较长（已经尽量精简）、并且有点难
·2023-02-04 17:28

Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架

由于vue3.2版本的发布，setup()created->setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated
flyinskybiu·2023-01-28 14:58

[vue3新特性] 13.style v-bind

在vue3.2中增加了一个stylev-bind的特性，简单来说就是把我们script中的数据可以在style标签中使用，下面我们来写一个最简单的例子我们定义一个color数据，它的值是red，然后在style
林哥学前端·2023-01-26 14:11

详解vue3.2中setup语法糖