Vue3状态管理

vue3-11

后端Java代码src\router\a6router.ts文件import{createRouter,createWebHashHistory}from'vue-router'import{useStorage}from'@vueuse/core'import{Menu,Route}from'../model/Model8080'constclientRoutes=[{path:'/login'
敲代码的翠花·2024-01-03 05:07

Npm安装vue3报错(node:25436) MaxListenersExceededWarning:

运行命令安装vue3时npmcreatevue@latest报了错误(node:25436)MaxListenersExceededWarning:(忘记截报错的图了，后面还有一大串英文)搞了很久发现是网络的原因
y523648·2024-01-03 05:00

Vue3_16（动态组件）

/B.vue'通过is切换AB组件使用场景tab切换居多注意事项在Vue2的时候is是通过组件名称切换的在Vue3setup是通过组件实例切换的如果你把组件实例放到Re
BingJS·2024-01-03 02:36

【vue3.0】20.0 某东到家（二十）——订单商品列表布局

继续完善src\views\orderConfirmation\OrderConfirmation.vue此时需要从src\views\shop\Content.vue抄一段代码，抄过来后效果如下：src\views\cartList\CartList.vue......{{item.name}}月售{{item.sales}}件¥{{item.price}}¥{{item.pri
bobokaka·2024-01-03 01:48

Vue3复习笔记

目录挂载全局属性和方法v-bind一次绑定多个值v-bind用在样式中Vue指令绑定值Vue指令绑定属性动态属性的约束Dom更新时机”可写的“计算属性v-if与v-for不建议同时使用v-for遍历对象数组变化检测事件修饰符v-model用在表单类标签上v-model还可以绑定一个数组复选框设置真假值v-model的修饰符组件上v-model的参数组件绑定多个v-model自定义v-model修饰
小辉吖～·2024-01-03 00:16

React Native 从类组件到函数组件

Hooks提供了更简洁、可读性更高的代码，并且在状态管理、生命周期等方面提供了更强大的功能。使用Hooks可以更容易地共
草明·2024-01-02 23:21

小程序有哪些框架

渐进增强，状态管理器(比如Redux)、Immutable.js、路由增强等扩展，当然你也可以自己编写一个新的插件。
oneCat·2024-01-02 23:57

vue3+vite 项目常用库

特别注意：需要使用管理员权限来打开命令提示符，不然会出现各种报错yarnnpminstall-gyarnvite1.使用vite创建项目yarncreatevite2.安装包和运行yarnyarndev3.在vscode安装volar插件和AntDesignVueHelper插件需要注意的是volar与vetur插件相冲突，所以得禁用vetur4.静态文件打包public目录下的静态文件要使用相对
班长胡一可·2024-01-02 22:21

vue3造轮子———按钮制作遇到的重点

制作switch按钮时我们想通过value或者@input事件等来传值时如代码==>>以下要彭父子通信//在父组件SweitchDemo中引入switch组件在子组件中接收setup(props,context){//context是我们接收的第二个参数我们可以通过设置它来改变input的值并在父组件中用@input事件时时更新更新的可以$event来接收所以@click="y=$event"即表
卢卢2020·2024-01-02 22:34

【vue3基础核心语法】简单学习vue3核心语法加elementPlus，vue3和vue2的区别，有vue2基础的看完这篇快速使用。学习笔记持续更新【详细注释】

一直没有接触过vue3没有机会使用工作中自己又比较懒，一直拖着没学，因为感觉学了不用，过段时间我就忘得差不多了。这次刚好公司有了这个vue3的项目，我就来学习一波，然后实战练练刚好记得牢一点。
接口写好了吗·2024-01-02 22:15

学生数据可视化与分析工具 vue3+flask实现

为了满足学校、教师和学生对于数据深度洞察的需求，我们推出了一款基于Vue3和Flask编写的学生数据可视化与分析工具。
安城安·2024-01-02 21:24

VUEX的原理

vuex可以理解成是转为vuejs应用开发的全局状态管理功能，它让状态以一种可被追踪的形式进行变更，方便代码维护。本文总结下VUEX的实现原理，只说思路，不讲代码。
frank_松·2024-01-02 19:05

＜HarmonyOS第一课＞构建更加丰富的页面=＞案例解析1

官网案例gitee源码地址相关概念页面状态管理:用于管理页面级变量的状态。自定义弹窗:通过CustomDialogController类显示自定义弹窗。List列表:列表包含一系列相同宽度的列表项。
it奔跑在路上·2024-01-02 18:09

vue3中如何使用vuex

最近想出一版如何在vue3中使用vuex首先，在这里回答一个粉丝的问题，为什么有localstorage和sessionstorage还要使用vuex，这里我解释一下，我们要明白浏览器的存储和vuex的存储的不同点
香蕉麻花皮·2024-01-02 17:32

vue3学习之路

reactive,ref响应式数据letnum=reactive(0)//reactive中是简单数据类型，不会自动响应到页面中，除非有对象类型要响应才会跟着响应到页面constobj=reactive({num:0,name:'malinshu'})constadd=()=>{num++;obj.num++;obj.name=obj.name+'--'}letactiveNum=ref(0)//
码林鼠·2024-01-02 17:30

vue-router for vue3

router.jsimport{createRouter,createWebHashHistory}from'vue-router'importSonfrom'../Son.vue'importSon1from'../Son1.vue'constroutes=[{redirect:'/son'},{path:'/son',component:Son},{path:'/son1',component
码林鼠·2024-01-02 17:30

vite4加react18加ts-路由篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装reat-router-domnpminstallreat-router-dom
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-状态管理篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装npminstall
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-样式隔离篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；方案一：module
web前端进阶者·2024-01-02 17:37

vuex4和VueRouter4使用方法

描述：uex4.0通过与3.x大致相同的API提供了Vue3支持。
web前端进阶者·2024-01-02 17:07

vite4加react18加ts-路由缓存方案篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；GitHbuhttps
web前端进阶者·2024-01-02 17:02

vue3里本地存储——pinia方法

在项目里，我们有时候会需要存储token，用户名，密码这些，pinia就是比较方便的一个方法。1.首先，我们得安装pinia和安装persistnpminstallpinianpminstallpinia-persistedstate-plugin2.第二步，就需要在main.js里进行一个全局引用了import{createPinia}from'pinia'import{createPersis
hahahah_lv·2024-01-02 16:24

vue3子组件弹框修改完数据，更新父组件表格（子传父）

当子组件修改完参数，父组件里的表格并不会主动更新，可以向父组件发送一个修改完成信号，当父组件接收到时，更新表格。father.vue//接受参数constclickEven=(val)=>{if(val.content=='transmission'){//getData()//重新获取一遍数据}}son.vueimport{defineEmits}from'vue';//发送信息(当修改完成时，
hahahah_lv·2024-01-02 16:53

vue3里的路由配置

1.去掉去掉网址里的"/#"constrouter=createRouter({history:createWebHistory(),//createWebHistory可去掉网址里的"/#"routes,})2.给网页命名网页标题和meta配合，全局前置守卫：任何页面的访问都要经过这里meta:{title:'预约查询'},//to：要去哪里的路由信息，from：从哪里来的路由信息，next：通
hahahah_lv·2024-01-02 16:53

vue3里的axios（get,post）

/App.vue'importaxiosfrom'axios'//挂载全局变量constapp=createApp(App)//建立一个vue3appapp.config.globalProperties
hahahah_lv·2024-01-02 16:53

vue实现别人通过IP访问自己运行的项目

vue2.0在config/index.js文件中host改为本机IP地址在package.json文件中，修改scripts中devvue2.pngimage.pngvue3.0在vue.config.js
G_Myy·2024-01-02 16:52

开源！一键制作春节头像

今天给大家分享一个开源免费的头像定制软件，该项目是基于vue3、typescript、ElementUI、fabric.js的一款定制头像工具。当前版本为2.0。
White-Legend·2024-01-02 14:38

vue3+typescript项目中读取window对象中属性报错

问题在vue3+ts开发的项目中，获取挂载在window对象上的属性a报错image.png解决方法使用类型断言缺点：在any类型的变量上，访问任何属性都是允许的。
俄小发·2024-01-02 13:27

手动封装面包屑组件（Vue3）

Bread和BreadItem都是单独封装的全局组件，之后哪里需要面包屑哪里直接使用exportdefault{name:'Bread',render(){//Vue2中h函数是render的形参//Vue3
沃德麻鸭·2024-01-02 12:35

/deep/和>>>和::v-deep

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
_皓月__·2024-01-02 11:04

Vue3中ref和reactive的区别

ref既可以实现基本类型的响应式也可以实现对象或者数组类型的响应式，但是需要在变量后加一个value来修改对应的值才可以生效reactive只能用来实现对象或者数组等类型的响应式，且如果对整个对应进行重新赋值，则响应式会失效，可以通过Object.assign(）来实现响应式，具体如下letgg=reactive({address:'山西'})functionupdategg(){//响应式不生效
EntyIU·2024-01-02 10:40

安装vue,使用idea运行vue3

vue学习笔记-安装vue,使用idea运行vue31.安装node.js1.https://nodejs.org/zh-cn/，点击长期支持版进行下载2.win+R输入cmd,输入node-v和npm-v
G_G_B·2024-01-02 10:25

【web】vue 播放后端（flask）发送的 mp3 文件

文章目录演示后端（flask）前端（vue3）说明演示后端（flask）后端返回的是mp3文件的url，是可以直接在浏览器上打开后播放的处理跨域请求pipinstallflask-corsfromflaskimportFlask
灯笼只能来教室体验生活·2024-01-02 10:24

通过url 下载文件

vue3.0项目中fileUpload.ts添加下载代码exportconstdownload=(url,fileName='')=>{constxhr=newXMLHttpRequest();xhr.open
Joan_King_·2024-01-02 10:54

Vue3 用户认证：如何检查用户是否已登录

在Vue3中，检查用户是否登录通常涉及到以下几个步骤：状态管理：在客户端存储用户的登录状态，可以使用Vuex、Pinia或者组件的本
诸葛妙计·2024-01-02 08:01

内置指令(v-if/v-else-if/v-else/v-show)、双向绑定、侦听器、生命周期

、内置指令(v-if/v-else-if/v-else/v-show)内置指令v-ifv-else-ifv-elsev-showv-oncev-bindv-model二、双向绑定三、侦听器四、生命周期Vue3Vue2
Vincent_Vang·2024-01-02 07:42

Vue3使用事件总线（Event Bus）实现发布订阅模式

Vue3使用事件总线（EventBus）实现发布订阅模式在Vue.js中，订阅发布模式（也称为发布-订阅模式或Pub/Sub模式）是一种设计模式，用于促进组件或对象之间的松散耦合。
正宗咸豆花·2024-01-02 04:29

vue3-13

token可以是后端api的访问依据，一般绝大多数时候，前端要访问后端的api,后端都要求前端请求需要携带一个有效的token,这个token用于用户的身份校验，通过了校验，后端才会向前端返回数据，进行相应的操作，如果没有通过校验，后端则做其他处理。之前后端代码并没有对前端请求进行token校验，之前的后端src/main/resources/application.properties的文件sp
敲代码的翠花·2024-01-02 04:39

vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function

问题如下图，在component组件上添加v-if判断，会报错:parentcomponent.ctx.deactivateisnotafunction解决方法去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key
少油少盐不要辣·2024-01-02 03:33

defineprops() must be a literal type or a reference to an interface or literal type

1.vue3打包遇到如下问题2.分析vue3defineProps不支持使用外部导入的类型，会报错。3.解决方法就是直接在脚本标签区域写类型声明，然后引用即可。
少油少盐不要辣·2024-01-02 03:02

Vue3 的 emit 该怎么写， vue2 对比

Vue3的emit该怎么写，vue2对比这是个新手问题，从vue2转到vue3之后，一时间不知道该怎么用它了。
十月ooOO·2024-01-02 02:26

详解Vue3中的鼠标事件mousemove、mouseover和mouseout

本文主要介绍Vue3中的常见鼠标事件mousemove、mouseover和mouseout。
专业研究祖传Bug编写术·2024-01-02 00:12

详解Vue3中的鼠标事件mousedown、mouseup和contextmenu

本文主要介绍Vue3中的常见鼠标事件mousedown、mouseup和contextmenu。
专业研究祖传Bug编写术·2024-01-02 00:11

ArkTS基础学习笔记

描述创建组件配置属性配置事件配置子组件自定义组件自定义组件的基本结构自定义组件通用样式生命周期@Builder装饰器：自定义构建函数装饰器使用说明@BuilderParam装饰器：引用@Builder函数状态管理渲染控制资源访
Glubin·2024-01-02 00:03

Android | Compose状态管理

前言应用中的状态指的是可以随时间变化的任何值。这个定义非常广泛，例如从数据库到类的变量，页面上显示的提示信息等。状态和组合由于Compose是声明式工具集，因此更新它的唯一方法是通新参数调用同一可组合项。这些参数是界面状态表现形式。每当状态更新时，都会发生重组。可组合项中的状态可组合函数可以使用remember可组合项记住单个对象。系统会在初始组合期间将由remember计算的值存储在组合中，并在
Tʀᴜsᴛ³⁴⁵·2024-01-02 00:51

vue3 element plus el-table封装（一）

highlight:a11y-dark本文是对el-table的基本封装，很常规的操作，主要是对列的封装，可以根据列配置数组进行渲染，后续会追加分页,列分类格式化等扩展封装方式一（props传递，Attributes继承）//BaseTable.vuedefineProps({config:{type:Object,default:()=>({})}})//index.vue{{row.btn}}
无心使然云中漫步·2024-01-02 00:16

vue3结合element-plus封装table列表组件

效果如下:ok,开始代码，逻辑肯定是公共部分写死，不一样的地方用插槽来完成table.vue{{title}}{{scope.row[propItem.prop]}}import{defineComponent}from'vue'exportdefaultdefineComponent({props:{title:{type:String,default:''},listData:{type:Ar
进阶的巨人001·2024-01-02 00:16

vue3 | el-table表格二次封装

需求1.统一样式，通过slot插槽而非json配置项的形式，来兼容原有table的template写法，方便改造2.列的显示隐藏控制，默认根据接口数据是否有返回绑定prop对应的字段，来实现列的权限控制显隐，也可通过外部传tableHeader来自行控制3.合并分页器myTable.vue标签名替换为即可,v-loading指令需改为:loading绑定，其他所有属性方法的绑定和使用都和eleme
ydongabc·2024-01-02 00:46

vue3 element plus el-table封装（二）

上文是对el-table的基本封装，只能满足最简单的应用，本文主要是在上文的基础上增加slot插槽，并且对col插槽进行拓展，增加通用性//BaseTable.vueconstslots=useSlots();consttableSlots=computed(()=>{//原生el-table插槽只有default,append,empty//原生el-table-column插槽只有table插
无心使然云中漫步·2024-01-02 00:12

AutoSAR（基础入门篇）4.5-Autosar_BSW的Mode Management功能

EcuM(ModeManagement功能)一、Autosar_BSW的ModeManagement功能1、ModeManagement组件图2、架构与术语解释二、ECU状态管理器规范
ManGo CHEN·2024-01-01 22:42
上一页 63 64 65 66 67 68 69 70 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他