Vue3状态管理

【vue3.0】14.0 某东到家（十四）——购物车

目前页面如下：image.png新建组件src\views\shop\Cart.vue:1总计：¥128去结算import{ref}from'vue'exportdefault{name:'OrderConfirmation',setup(){consta=ref(0)return{a}}}.cart{position:absolute;left:0;right:0;bottom:0;he
bobokaka·2024-01-01 21:59

Vue3 高级语法以及自定义组件

文章目录1.render函数1.1h函数1.1.1h()函数的基本使用1.1.2h()函数中组件与插槽的使用1.2jsx语法糖1.2.1jsx的配置(旧版本)1.2.2jsx计数器案例1.2.3jsx组件的使用2.指令的生命周期3.自定义组件3.1自定义组件元素挂载完成后可以自定获取焦点3.2指令的参数和修饰符3.3自定义指令实现时间的转换4.Vue插件4.1插件的编写方式5.Teleport的使
ik i5·2024-01-01 21:59

vue3笔记：自定义组件

自定义组件，举个:1、封装自定义组件CustomList.vueimporttype{IDataItem}from"../type/customlist";//IProps不能直接从外部导入，当前会报错，以后可能会支持（有人提了issue）exportinterfaceIProps{title?:string;data:Array;}import{onMounted}from"vue";//声明一
是烤面包片呀？·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是
闲来无事垂钓·2024-01-01 21:58

vue3自定义组件

vue3自定义组件1.在components文件夹创建一个组件组件名Component内容这是我的组件exportdefault{name:'component',}2.在app.vue中使用组件//导入组件
weixin_45099012·2024-01-01 21:58

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。
一方通行00·2024-01-01 21:27

新手小白：一文带你用vite从零搭建企业级开发环境

    在这工作的半年时间里，开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多
九号新秀·2024-01-01 17:09

一文看懂vue2与vue3的区别

vue2和vue3的区别前言vue2和vu3的区别，一直以来是面试必考题目，如何回答，回答的层次决定了面试者的对于vue2，3的理解，以及对于vue3目前稳定版本发展的方向的了解，即考察使用程度，又考察了学习能力
苦逼的猿宝·2024-01-01 17:03

Vue3使用codemirror

Vue3使用codemirror设计说明后端接口的问题项目下载设计说明本意是打算搭建一个在线的代码运行编写平台，方便随时可以在手机上也测试一些简单的代码；在集成这个插件的时候遇到了不少问题，主要是插件依赖的下载
bingbingyihao·2024-01-01 16:10

Vue的可伸缩后台导航菜单

Vue的可伸缩后台导航菜单文章说明源码效果展示文章说明采用Vue3+iconfont编写了一个简单的可伸缩后台导航菜单的基本框架，在动画方面效果一直加不好，就索性不加动画了；然后主题颜色也并不好调，就直接调了一个简单的颜色
bingbingyihao·2024-01-01 16:10

Vue3 Composition API

#Vue3快速上手##1.Vue3简介-2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）-耗时2年多、[2600+次提交](https://github.com/vuejs
掌趣·2024-01-01 16:34

Vue3 Composition API

CompositionAPI1.CompositionAPI接下来我们来介绍一下Vue3中新增的CompositionAPI如何使用。
5coder·2024-01-01 16:04

深入理解Vue.js 3的Reactive方法

reactive是Vue3的Comp
liwp_Stephen·2024-01-01 16:33

探索Vue.js的Composition API：构建更清晰、可维护的组件

Vue.js一直以其简洁和灵活著称，而Vue3的推出标志着这个框架在组件设计思想上的一次重大进步。
liwp_Stephen·2024-01-01 16:02

Vue3.0+TS整合codemirror

1.安装codemirrornpminstallvue-codemirror--save2.版本号"codemirror":"^5.65.2",3.编写组件例：mirrorTextArea.vue（组件名称,具体名称以各自项目规范为准）//引入全局实例import_CodeMirrorfrom"codemirror/lib/codemirror.js";//核心样式import"codemirro
敲飞键盘·2024-01-01 14:03

vue3.0在线编辑器codemirror开发

使用codemirror封装codeEditor.vue组件//引入全局实例import_CodeMirrorfrom'codemirror/lib/codemirror'//核心样式import'codemirror/lib/codemirror.css'//引入主题后还需要在options中指定主题才会生效//需要引入具体的语法高亮库才会有对应的语法高亮效果,目前已动态引入//import'c
|恰同学少年|·2024-01-01 14:03

CodeMirror编辑器使用方式ts+vue3

1.安装插件"@codemirror/view":"^6.9.0","vue-codemirror6":"^1.1.11","codemirror":"^6.0.1",2.vue页面代码2.js代码import{ref,typeRef}from"vue";importCodeMirrorfrom"vue-codemirror6";import{Decoration,typeDecorationSe
weixin_45685394·2024-01-01 14:03

vue3插件：ace-builds封装ace-editor

安装包npminstallace-builds--save-dev//引入ace报错需要安装npminstallvue-loader-v16-D封装文件ace-editor相关文档参考webpack环境必备：import"ace-builds/webpack-resolver";非webpack环境不需要引入import{watch,onMounted,onBeforeUnmount,ref}fr
墨迹斑斑的老墙·2024-01-01 14:32

codemirror封装，可以像textareay进行高度调节

defineComponent,ref,onMounted,onUpdated,watch,nextTick,computed}from'vue'importCodemirrorfrom'codemirror-editor-vue3
米儿web·2024-01-01 14:02

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01

vue怎么跨页面传参

在Vue中，可以使用路由参数和路由状态管理来实现跨页面传参。下面分别介绍这两种方法：1、路由传参在VueRouter中，可以通过路由参数来传递数据。
嘘~！·2024-01-01 13:19

react怎么实现跨页面传参

在React中，可以使用路由参数、路由状态管理、ContextAPI和本地存储等方式来实现跨页面传参。下面分别介绍这几种方法：1、路由参数在ReactRouter中，可以通过路由参数来传递数据。
嘘~！·2024-01-01 13:19

reactAPI讲解以及注意事项

ReactAPI是React提供的一系列用于构建用户界面的JavaScript函数和组件，它包含了许多用于组件生命周期、状态管理、事件处理等方面的方法和工具。
嘘~！·2024-01-01 13:15

flink有什么优势值得大家这么热衷

同时flink支持高度容错的状态管理，防止状态在计算过程中因为系统异常而丢失，flink周期性地通过分布式快照技术Checkpoints实现状态的持久化维护，使得即使在系统停机或者异常情况下都能计算出正确的结果
KK架构·2024-01-01 13:32

Vue3 + TS 关于如何将组件进行挂载body 例如：$message / $notify - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解关于messgae和notification的组件内容我就不贴出来了。若想要的就直接加群获取吧。使用方式this.$message({message:"这个是$message",});this.$notify({message:"这个是$notify",});效果图fileName:main.tsimport{cre
戴向天·2024-01-01 13:45

Vue3 + TS Scrollbar组件 - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解import{computed,defineComponent,getCurrentScope,nextTick,onBeforeUnmount,onMounted,ref,toRaw}from"vue";interfaceIScrollbar{native?:boolean;noResize?:boolean;}/
戴向天·2024-01-01 13:45

Vue2 & Vue3 二次封装element-ui Steps组件

前言组件封装的初尝试，基本是调element-ui，没有什么含金量，附一些对组件封装的概念和理解这里封装element-uiSteps组件，并重写某些css样式代码exportdefault{name:"Process",props:{currentStep:{type:Number,default:0,},stepsArr:{type:Array,default:()=>[],},},};.pr
sayoriqwq·2024-01-01 13:13

arkts状态管理使用（@State、@Prop、@Link、@Provide、@Consume、@objectLink和@observed）

一、状态管理1.在声明式UI中，是以状态驱动视图更新：①状态（State）:指驱动视图更新的数据（被装饰器标记的变量）②视图（View）:基于UI描述渲染得到用户界面注意：①@State装饰器标记的变量必须初始化
未及545·2024-01-01 11:06

gitee上的vue大屏项目

在Gitee上，有几个值得注意的Vue大屏项目：vue-big-screen-plugin(Gitee):这是一个基于Vue3、Typescript、DataV和ECharts5框架的可视化大屏项目。
翱翔-蓝天·2024-01-01 10:17

vue3框架笔记

Vue3的API可以向下兼容2，Vue3中新增了很多新的写法。我们课程主要以Vue3为主官网我们学习Vue需要转变思想，以后不再需要自己操作dom元素，我们只需要改变数据，然后dom元素会自动更新。
光影少年·2024-01-01 09:52

Vue-Setup

一、setup概述小小提示：vue3中可以写多个根标签。
夏天的冬雪·2024-01-01 08:35

详解Vue3中的鼠标事件click和dblclick

本文主要介绍Vue3中的常见鼠标事件。
专业研究祖传Bug编写术·2024-01-01 08:06

【第5期】前端Vue使用Proxy+Vuex(store、mutations、actions)跨域调通本地后端接口

本期简介本期要点本地开发前后端如何跨域调用全局请求、响应处理拦截器处理封装HTTP请求模块编写API请求映射到后端API数据的状态管理一、本地开发前后端如何跨域调用众所周知，只要前端和后端的域名或端口不一样
羽轩GM·2024-01-01 08:04

vue3 关于子组件给父组件传值，详解

关于vue3其他功能暂不说明。主要针对父子传值问题!
qq_42503333·2024-01-01 07:48

vue3-12

需求是用户如果登录了，可以访问主页，如果没有登录，则不能访问主页，随后跳转到登录界面，让用户登录实现思路，在用户登录之前做一个检查，如果登录了，则token是存在的，则放行，如果没有token，则不能访问主页，随后跳转到登录界面，让用户登录在src\router\a6router.ts中编写代码//在每次路由跳转之前都会执行beforeEach里面的箭头函数,to代表要跳转的目标路由对象,from
敲代码的翠花·2024-01-01 06:30

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。
蛋黄派i·2024-01-01 06:43

vue3实现vfor里面的动态ref

vue3里面$refs已经不支持了，现在需要在tab下面实现这种ref获取组件实例的需求，官网给出的方案，需要vue的版本在3.2.25，默默的看看下自己的版本在3.2.20欲哭无泪，尝试了好久，找到了解决方案
风清云淡_A·2024-01-01 05:22

vue3 组件之间传值

vue3组件之间传值非常好，为啥突然开这样一篇博文，首先是因为vue3是未来发展的趋势。
我是ed.·2024-01-01 05:12

【Vue2+3入门到实战】（18）VUE之Vuex状态管理器概述、VueX的安装、核心概念 State状态代码实现 详细讲解

目录一、[Vuex](https://vuex.vuejs.org/zh/)概述1.是什么2.使用场景3.优势4.注意：二、需求:多组件共享数据1.创建项目2.创建三个组件,目录如下3.源代码如下三、vuex的使用-创建仓库1.安装vuex2.新建`store/index.js`专门存放vuex3.创建仓库`store/index.js`4在main.js中导入挂载到Vue实例上5.测试打印Vue
老牛源码·2024-01-01 03:04

Vue3+Echarts（柱状图）：点击不同的按钮可以切换不同年份的数据

一、需求在Vue3项目中，绘制一个柱状图：柱状图会展示某一年里四个季度的销售额提供2个按钮选项，点击不同的按钮可以切换到不同年份的销售额，这里的年份指2022年以及2023年目标效果如下：默认展示的是2023
十八只兔·2024-01-01 03:24

Vue3：容器里面有两个元素，一个子元素居中，另一个子元素靠近容器右边

前言页面顶部有一个容器盒子，盒子里面有两个元素：一个子元素需要居中，另一个子元素需要靠近容器的右边目标效果如下：实现使用弹性布局＋百分比来实现1、template部分顶部由标题和当前时间组成：数据看板{{currentTime}}2、当前时间的相关代码主要逻辑如下：获取当前时间的函数如下：//当前时间读取functiontime(){t=setTimeout(time,1000);//開始运行cl
十八只兔·2024-01-01 03:54

Vue3+Echarts：堆积柱状图的绘制

一、需求在Vue3项目中，想用Echarts来绘制堆积柱状图，去展示最近一周APP在不同渠道的登录人数效果如下：二、实现(关于Echarts的下载安装以及图表的样式设计，此处不展开！)
十八只兔·2024-01-01 03:54

Vue3+ElementPlus: 给点击按钮添加触发提示

一、需求在Vue3项目中，有一个下载按钮，当鼠标悬浮在按钮上面时，会出现文字提示用户可以点击按钮进行数据的下载技术栈Vue3+ElementPlusTooltip组件ElementPlus中的Tooltip
十八只兔·2024-01-01 03:53

three.js绘制网波浪

无图不欢，先上图使用方法（以vue3为例）import{ref,onMounted}from'vue'importNetAnimationfrom'@/utils/netAnimation.js'letnet
风舞红枫·2024-01-01 02:01

canvas绘制红绿灯路口

无图不欢，先上图使用方法（以vue3为例）import{ref,onMounted}from'vue'importLanefrom'@/utils/lane.js'letlaneCanvas=ref(null
风舞红枫·2024-01-01 02:59

React学习计划-React16--React基础（七）redux使用与介绍

笔记gitee地址一、redux是什么redux是一个专门用于做状态管理的js库（不是react插件库）它可以用在react、angular、vue的项目中，但基本与react配合使用作用：集中式管理react
化作繁星·2024-01-01 02:24

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
化作繁星·2024-01-01 01:20

Vue3的proxy

vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get  vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM vue2是通过替换状态对象属性的
Z_B_L·2024-01-01 00:55

Apollo自动驾驶：改变交通运输的游戏规则

前言「作者主页」：雪碧有白泡泡「个人网站」：雪碧的个人网站ChatGPT体验地址文章目录前言1.Apollo缓存层2.本地状态管理库3.离线同步和冲突解决4.离线数据同步和离线优先策略结论构建离线应用：
雪碧有白泡泡·2023-12-31 23:07

vue3中使用 lodash 中防抖函数

1.引入lodashnpmi--savelodash2.导入lodash这里是全部导入引用里面的debounceimport{debounce}from"lodash";3.使用//调用鲁大师防抖函数code不能使用箭头函数，consta=debounce(code,600)functioncode(){console.log('@@@@@@@@@@@',);clearInterval(timer
成熟的麦芽糖·2023-12-31 22:49
上一页 64 65 66 67 68 69 70 71 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他