Vue3状态管理

Vue3 结合typescript 组合式函数(2)

安装axios：npminstallaxios1、hooks文件夹下新建useURLLoader在APP.VUE中使用useURLLoader使用DogAPI2、使用对象中的属性，必须使用toRefs，否则Reactive响应失效3、使用泛型结果：
土井塔克树1412·2024-01-04 00:27

SwiftUI ArkUI 对比分析

版本1.0(2023年4月)更新说明：4.7修改问题和缺陷4.13新增缺陷讨论4.14新增引言和部分小结4.17高亮关键性代码，新增SwiftUI状态官方定义目录引言声明式UI简介@是什么页面级变量的状态管理应用级变量的状态管理抽象组件
最后的轻羽·2024-01-03 23:01

2019-06-29

它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目Vue扩展插件1）vue-cli:vue脚手架2）vue-resource(axios):ajax请求3）vue-router:路由4）vuex:状态管理
CC__XX·2024-01-03 23:17

vue3按钮点击频率控制

现有一个按钮，如下图点击时再次点击刷新窗口再次点击刷新窗口依然可以实现点击频率控制。代码实现：-->click//@ts-ignoreimportzhCnfrom'element-plus/dist/locale/zh-cn.mjs'import{reactive}from'vue'import{ElMessage}from'element-plus'//国际化配置constlocale=reac
laizhenghua·2024-01-03 22:42

VUE框架Vue3下使用watch监听reactive下的数据变化并使深度监视起效------VUE框架

{{data.counter}}按一下加一{{data.a.b.c.d.counter1}}按一下加一import{reactive,watch}from'vue'exportdefault{name:"App",setup(){letdata=reactive({counter:1,a:{b:{c:{d:{counter1:100}}}}});//对于reactive监视的属性来说,默认就是开启
旧约Alatus·2024-01-03 22:39

Vue2/Vue3-插槽(全)

一、插槽的定义vue实现了一套内容分发的Api，将元素作为承载内容分发二、插槽的注意事项父组件模板的内容只能访问父组件的作用域，子组件的模板只能访问子组件的作用域。也就是说插槽的内容可以访问父组件的数据作用域，因为插槽内容本身就是在父组件的模板中定义的，插槽内容是无法访问子组件中的数据，vue模板中的表达式只能访问其定义时在所处的作用域，这个和js的词法作用域规则是一样的。三、普通插槽//父组件i
GllWyz·2024-01-03 22:08

Vue3 PropType

PropTypeimport{defineComponent,PropType}from'vue'exportinterfaceColumnProps{id:string;title:string;avatar:string;description:string;}exportdefaultdefineComponent({name:'ColumnList',props:{list:{type:A
MINO吖·2024-01-03 22:06

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程npmcreatevue@latestnpminpmrundev启动npmrunbuild打包=====================项目结构.vscodeextensions.json插件n
20岁30年经验的码农·2024-01-03 22:00

重新认识一下 vue3 应用实例

重新认识一下vue应用实例创建应用实例每个Vue应用都是通过createApp函数创建一个新的应用实例应用实例必须在调用了.mount()方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的DOM元素或是一个CSS选择器字符串//main.jsimportAppfrom'./App.vue'import{createApp}from'vue'constapp=createApp(App
鱼肚白@99·2024-01-03 22:53

一文带你真正理解 JavaScript

近年在市场表现和产品竞争力方面表现较为突出，采用的是最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3）。
白日梦批发商·2024-01-03 21:18

[vue3快速入门] 1.vue的数据驱动

vue3constvueApp=Vue.createApp({data(){return{message:'托尼，你好',}},template:`{{message}}`,})vue
林哥学前端·2024-01-03 20:11

前端插件库-VUE3 使用 vue-codemirror 插件

VUE3插件vue-codemirror使用步骤和实例、基于CodeMirror，适用于Vue的Web代码编辑器。
凉生阿新·2024-01-03 19:32

vue3 自定义指令

本文主要重点学习一下Vue3中自定义指令如何使用？主要应用场景：防抖、图片懒加载、一键Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单自定义指令注册自定义指令全
qq_45438471·2024-01-03 19:50

Vue 自定义主题、logo如何监听其变化及实时更新（Vuex状态管理）

官网地址：Vuex官网首先了解Vuex，下面内容不具体描述Vuex基础知识。问题描述：在项目中遇到需求：自定义系统的logo、title、主题颜色等，此时修改这些系统配置时会涉及到同步更新问题。例如在系统配置管理页面更新系统logo，则系统logo自动更新。（意思就是在vue项目中更新logo写在A组件，logo在B组件，A中logo值发生改变，无法实时更新B中logo，需要使用vue提供的vue
O3ohn·2024-01-03 19:20

vue3引入高德地图流程（key和秘钥），仅需三步

步骤一：申请key和秘钥步骤二：安装@amap/amap-jsapi-loader依赖cnpmi@amap/amap-jsapi-loader//或者yarnadd@amap/amap-jsapi-loader步骤三：importAMapLoaderfrom"@amap/amap-jsapi-loader";import{onMounted,onUnmounted}from"vue";letmap
第7个前端·2024-01-03 17:07

Vue3使用高德地图，自定义InfoWindow窗口

html部分关闭script部分const{proxy}=getCurrentInstance()asany;//省略一万行infoWindow.setContent(proxy.$refs.devinfowin)看下效果
第7个前端·2024-01-03 17:04

总结一下 vue2 组件之间的通信

start最近在学习vue3，在学习vue3的之前。
upward_tomato·2024-01-03 17:03

Vue之组件间传值

何为组件间传值在Vue3之组件文章中，我们学会了定义使用组件，但是我们似乎还缺少什么将组件之间联系起来，说到组件之间的联系就不得不提组件间的传值，而组件间的传值其实也不难理解，就是如何在子组件中接收到父组件传递到值
职场007·2024-01-03 17:03

vue3组件间通信

目录父子组件1.props（父传子）2.emit（子传父）3.ref（子传父）4.provide/inject（祖孙、父子组件）兄弟组件1.mitt使用方法1：单文件方法使用方法2：全局挂载使用父子组件1.props（父传子）props是最常见的父子组件通信的方式父组件：子组件：（Demo09b组件）在单文件中使用,props可以使用defineProps()来定义import{definePro
tingkeiii·2024-01-03 17:02

Vue3组件间通信知识整理——兄弟组件之间通信

能看到Vue3文章的各位，相信eventBus大家都不陌生。eventBus——事件总线，作为Vue2.x兄弟组件通信的方案。
阿Der·2024-01-03 17:59

【Vue3组件间通信理解】

Vue3组件通信方式方式一：props方式二：自定义事件方式三：mitt方式四：v-model方式五：$attrs方式六：refs,parent方式七：provide,inject总结来源于尚硅谷vue3
问剑白玉京·2024-01-03 17:27

vue3时间获取

根据自己需要进行选择使用，有静态时间和动态时间newDate()：获取当前时间getFullYear()：获取年份getMonth()：获取月份getDay()：获取天getHours()：获取小时getMinutes()：获取分钟getSeconds()：获取秒数第一种方法测试{{format}}//01constformat=computed(()=>{constoDate=newDate()
@tg6666666666666·2024-01-03 17:27

代码随想录刷题笔记（DAY 7）

今日总结：前端开始学习vue3的新特性，花费时间比较多，今天的题目后面有点难度，明天抽时间复习一下。
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（二）：响应式对象基础

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（一）：基本介绍与组合式 API

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:37

快速打通 Vue 3（三）：Vue3 中的 watch 监听器与新特性

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:31

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。
十月ooOO·2024-01-03 16:24

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2.X，后者适用于Vue3
魔芋红茶·2024-01-03 15:01

Vue-响应式数据

一、ref创建基本类型的响应式数据vue3可以使用ref、reactive去定义响应式数数据。
夏天的冬雪·2024-01-03 15:39

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite
十月ooOO·2024-01-03 14:01

Vue3 前端验证码实现

Vue3前端验证码实现1.下载identify插件npmiidentify--save2.在components目录下新建文件SIdentify.vue，代码如下：import{onMounted,watch
-沐云枫-·2024-01-03 14:08

vue3 router

小tips：vscode插件：jsontots,使用：选中：ctrl+shift+alt+s安装：npminstallvue-router-Svue3使用router4版本vue2使用router3版本使用
榴莲患者·2024-01-03 14:28

VUE3+TS（11）

硅谷甄选第十一天：2023-12-18:删除数据的时候，需要判断，若删除数据后，当前获取到的数组长度小于1，则页面获取上一页信息，否则就在当前页面。getSkuData(skuArr.value.length>1?pageNo.value:pageNo.value-1)动态组件：组件之间互相切换。：is的值可以是被注册的组件名导入的组件对象对表单校验。若想将数据都通过表单后再进行下一步操作，需要利
L北杳·2024-01-03 13:52

【Vue2+3入门到实战】（19）Vuex状态管理器通过辅助函数 - mapState获取 state中的数据代码实现 详细讲解

目录一、通过辅助函数-mapState获取state中的数据1.第一步：导入mapState(mapState是vuex中的一个函数)2.第二步：采用数组形式引入state属性3.第三步：利用**展开运算符**将导出的状态映射给计算属性二、开启严格模式及Vuex的单项数据流1.目标2.直接在组件中修改Vuex中state的值3.开启严格模式三、核心概念-mutations1.定义mutations
老牛源码·2024-01-03 12:45

前端框架变迁史

现在的前端主流技术reactVUEangular作为现代前端框架，有如下4个共有的特点：状态管理支持组件化开发有配套的前端路由库有配套的状态管理库接下来我们来重点对比一下Vue和React这两个框架的异同
满天过海_春·2024-01-03 12:25

【vue3.0】19.0 某东到家（十九）——订单页面创建及顶部布局

修改src\views\home\Docker.vue{{item.title}}exportdefault{name:'Docker',setup(){constdockerList=[{active:true,icon:'custom-iconcustom-icon-home',title:'首页',to:'/'},{icon:'custom-iconcustom-icon-shopping'
bobokaka·2024-01-03 11:43

Vue3 基础组件，使用 props,emits

components，新建组件页面，使用Props,emits传值引入子组件，传单一类型子组件传递Object结果：
土井塔克树1412·2024-01-03 11:57

Vue3 结合typescript 组合式函数

在App.vue文件中实现鼠标点击文件，显示坐标值第一种方法第二种方法：组合式函数结果：官网推荐组合函数：https://vueuse.org
土井塔克树1412·2024-01-03 11:55

前端开发Vue3的逻辑复用

使用了Vue3Composables之后，逻辑复用比之前要顺手很多，这里说说前端开发最常用的场景，管理页面的列表查询和增删改查的逻辑复用，欢迎大家共同探讨。
树上有只程序猿·2024-01-03 10:49

vue3 element ui plus select框的高度如何搞定它

开发中遇到了一个比较麻烦的事，就是我弹出框的大小是固定的，结果select的内容太多一下就挤出来了。刚开始解决思路是想着看能不能把弹出框给他设置一下hidden，结果尝试了不行的，原因是因为select的下拉框是设置了层级的这个办法行不通，那就从出问题根本来解决那就是把它的select的高度给它定一下，但是这个在做样式穿透的时候是不生效的，我放在了scope下面是不生效的。废话不多说先上代码这里给
我是码农007·2024-01-03 10:56

vue3+ts开发干货笔记

总结一下在vue3中ts的使用。当篇记录部分来自于vue官网，记录一下，算是加深印象吧。纯干笔记，不断补充，想到什么写什么，水平有限，欢迎评论指正！
Bwcx_lzp·2024-01-03 09:57

Vue：Vue 3.4 新特性

Vue3.4是Vue.js的一个重要更新，它在性能、API和能上带来了许多改进和增强。
AnyaPapa·2024-01-03 09:26

vue保姆级教程----深入了解Vuex的工作原理

目录✨前言Vuex的几个核心概念Vuex工作原理✨结语✨前言Vuex是一个专门为Vue.js设计的状态管理模式。它采用集中式存储管理应用程序的所有组件的状态,并以相应的规则保证状态以一种可预
前端讲堂-鸿蒙课堂·2024-01-03 09:13

Vue3基础知识-1

setup函数官方文档setup函数的参数，主要有两个：props和contextprops:父组件传过来的属性会被放到props对象中，如果需要在setup函数中使用，可通过props参数获取，规则和vue2一致。context，包含三个参数：attrs:所有的非prop的attributeslots:父组件传递过来的插槽（这个在渲染函数返回时会有用）emit：当我们组件内部需要发出事件时会用到
不点外卖·2024-01-03 09:37

使用Vue3学习Vue的基础知识

创建一个名为的文件夹vue3-baseindex.html在“vue3-base”里面app.js在“vue3-base”里面创建HTML文件创建应用程序文件夹和文件后，打开index.html文件并添加以
程序员半夏·2024-01-03 09:07

vue3基础知识一，安装及使用

一、安装vue3需要安装node，然后在项目所在目录命令行执行以下代码。npmcreatevue@latest回车后需要配置以下内容。
数据馅·2024-01-03 09:32

This is probably not a problem with npm.

项目场景：新创建的vue3项目，根据elementplus官网安装步骤进行按需导入安装，运行项目报错Thisisprobablynotaproblemwithnpm.Thereislikelyadditionalloggingoutputabove
hongc93·2024-01-03 08:12

three.js给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）

three.js给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）vue3实现，代码如下代码import{ref,onMounted}from"vue";import*asTHREEfrom"three
是云呀！·2024-01-03 08:46

ChatGPT-PLUS 基于 AI 大语言模型 API 实现的 AI 助手全套开源解决方案，自带运营管理后台，开箱即用。集成了 OpenAI, Azure, ChatGLM,讯飞星火，文心一言等多个

采用Go+Vue3+element-plus实现。ChatGPT-PLUS基于AI大语言模型API实现的AI助手全套开源解决方案，自带运营管理后台，开箱即用。集成了OpenAI
临水逸·2024-01-03 06:50

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
上一页 62 63 64 65 66 67 68 69 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他