vue3简单使用

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

电视机上要以列表展示数据，并且数据会实时更新，电视机不能点击，所以考虑自动播放的一个效果。展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。由于项目的电视机是有任务提示作用的，最后考虑做成第一种方案，用户能更清晰了解任务安排和数据的更新。搜索之后了解到vue-seamless-scroll支持列表的自
女德班吊车尾·2024-09-04 16:18

vue3页面空白-普通函数和箭头函数提升的不同

在JavaScript中，普通函数（即使用function关键字定义的函数）和箭头函数（使用()和=>定义的函数）在作用域和提升（hoisting）行为上有不同的表现。1.普通函数（FunctionDeclarations）普通函数声明会被提升（hoisted），也就是说，它们可以在声明之前被调用。这是因为函数声明会被提升到当前作用域的顶部。例如：console.log(foo());//输出"H
Kent_J_Truman·2024-09-04 14:35

【Vue3源码】第六章 ref的原理 实现ref

【Vue3源码】第六章ref的原理实现ref上一章节我们实现了reactive和readonly嵌套对象转换功能，以及shallowReadonly和isProxy几个简单的API。
顽皮宝·2024-09-04 07:48

第六章 手写computed函数

在Vue3中，它的本质上其实是一个函数，该函数返回一个ref对象，其value属性就是计算结果。同时也可以传入一个配置对象，配置对象中包含一个get函数与一个set函数，分别用于计算与更新。
DT——·2024-09-04 07:45

第七章 手写watch 实现

1.创建watch函数在Vue3中，watch是一个函数，这个函数接收三个参数，前两个是必须的参数，第三个是一个配置参数。
DT——·2024-09-04 07:45

Cannot read properties of undefined (reading ‘_android’)

记录：问题Cannotreadpropertiesofundefined(reading‘_android’)vue3+ts使用qrcodejs2插件生成二维码报错Cannotreadpropertiesofundefined
久违的小技巧·2024-09-04 03:23

JavaScript高级 —— 学习（四）（完结）

目录一、深浅拷贝（一）浅拷贝1.浅拷贝的简单使用拷贝对象：拷贝数组：使用两种浅拷贝方法2.浅拷贝的问题（二）深拷贝1.通过递归实现深拷贝递归函数：递归实现过程：其他问题：2.利用lodash实现深拷贝3
COLDEHY·2024-09-04 03:20

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components
yang295242361·2024-09-03 22:19

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。
whhh·2024-09-03 21:11

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。该组件内部的默认插槽仅支持渲染单个元素或单根节点组件（内部也可以包裹多个节点，但任意时刻只能有一个节点被渲染），组件会将定义的插入和移除动画通过默认插槽传递给内部包裹的元素或组件上。当Transition组件内部的元素被插入和移除时，Vue会自动执行以下
努力的小朱同学·2024-09-03 18:55

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

nuxt3+vue3+vite+TS实现国际化

博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。一、安装依赖#npm安装依赖npmivue-i18nnpmi@nuxtjs/i18n@
富朝阳·2024-09-03 07:46

zdppy+vue3+onlyoffice文档管理系统实战 20240902 上课笔记 登录功能优化

遗留问题1、登录以后跳转最近文档2、如果用户没有登录应该自动跳转登录页面3、如果用户的token校验失败，应该自动调整登录界面4、按回车键自动跳转登录页面登录以后跳转最近文档constrouter=useRouter()router.push("/")实际代码：constloginData=awaitapi.login(data.username,data.password)console.log
Python私教·2024-09-03 07:45

vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

因为目前cesium停止了对vue2的版本更新，现在默认安装都是vue3版本，因此需要控制版本，否则就会报错。
GIS瞧葩菜·2024-09-03 07:14

Vue中的ref与reactive

1.ref  ref是Vue3中引入的API，用于创建一个响应式的引用对象。它接收一个初始值作为参数，并返回一个包含了一个.value属性的对象。
广东数字化转型·2024-09-03 05:38

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

vue3中用css transform实现组件自由拖拽

在Vue3中，可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子，展示如何使用这些技术来实现组件的自由拖拽。
天天进步2015·2024-09-02 13:26

Vue 3 中 `async` 函数的示例

在Vue3中，async函数通常用于处理异步操作，例如从服务器获取数据或执行耗时任务。async函数返回一个Promise，并且可以使用await关键字等待异步操作完成。
天天进步2015·2024-09-02 13:26

Vue3优化表单标签与布局，解决文字过长问题（附Demo）

目录前言1.增加标签宽度（生效）2.工具提示Tooltip（勉勉强强）3.缩小字体（不生效）4.CSS控制换行（不推荐）前言好不容易构思整个表单的布局，但是个别表单的文字过长，导致自动换行，遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整：尝试了多种方案，最终才有成效对于其他的方式，诸位也可尝试下1.增加标签宽度（生效）通过增加el-form-item的label-width，让
码农研究僧·2024-09-02 11:48

Python3 | 练气期，入门初识与起步!

每天一睁眼就要马不停蹄的学习各类计算机技术、编程和网络安全知识等，在工作中接触过很多编程语言，比如：C、Java、Python、PHP、Shell、PowerShell等，但都仅仅停留在看得懂一些，会简单使用一些的阶段
全栈工程师修炼指南·2024-09-02 09:03

Vue3学习记录——(1)MVC与MVVM

1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据
一只漫步前行的羊·2024-09-02 04:03

在vue3中封装WebSocket

下载websocketnpminstallwebsocket或yarnaddwebsocket一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue";constuseWebSocket=(url,reconnectInterval=10000,m
_Legend_King·2024-09-02 03:57

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue
真的很上进·2024-09-02 01:39

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵
2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*
2401_84182793·2024-09-01 20:15

Vue3学习总结-v-if与v-show的使用案例和区别

Vue3实战：v-if与v-show在用户界面切换中的应用在Vue.js中，v-if和v-show是两种常用的条件渲染指令，它们允许我们根据表达式的值来动态地显示或隐藏DOM元素。
风清扬雨·2024-09-01 19:06

vue中ref和reactive

ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。
Lancelot212·2024-09-01 18:58

Vue3 ElementPlus Table表格实现单选

import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData:[{name:'烬'},{name:'塞拉'},{name:'格温'}],});//主要方法//table选择项发生变化时会触发该事件constselectClick=(selection:a
云只上·2024-09-01 12:20

fishHook简单使用

fishHook是Facebook提供的一个动态修改连接Mach-O文件的工具。利用Mach-O文件的加载原理，通过修改懒加载和非懒加载两个表(通过MachOView查看Mach-O文件)的指针达到C函数HOOK的目的。fishHook地址：https://github.com/facebook/fishhookfishHook的2个方法rebind_symbols函数和rebind_symbol
苍天兄弟·2024-09-01 11:45

【uniapp】如何在uniapp中使用xr-frame及xr-frame加载并使用gltf模型

指南介绍了XR-FRAME的简单使用组件介绍了XR-FRAME中能够使用的组件AP
qq_39377906·2024-09-01 11:47

vue3+ts 中使用mitt进行跨组件通信

mitt插件的使用安装插件进行封装一个模块，对外暴露一个Mitt实例使用安装插件官方文档pnpmimitt--s//我用的pnpm或npmi--smitt或yarnaddmitt进行封装一个模块，对外暴露一个Mitt实例1、在utils文件夹下新建mitt（例如mitt.ts），用于初始化并导出mitt实例：//src/eventBus.tsimportmittfrom'mitt';//定义事件类
我胡为喜呀·2024-09-01 11:44

Vue3与TypeScript的深度结合：技术指南及实践详解

引言Vue.js在Vue3版本中引入了众多革新性的功能和优化，如CompositionAPI、Teleport组件等，并且对性能和可维护性进行了显著提升。
小码快撩·2024-09-01 10:34

vue3 reactive和ref的区别

定义角度来看ref用来定义：基本类型数据。reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据,它内部会自动通过reactive转为代理对象。constisActive=ref(false)console.log(isActive.value)//falseconstperson=reactive({name:'zhang',age:'18'})原理角
张张张爱学习·2024-09-01 04:02

vue3keep-alive 缓存的是什么信息 el-table的expand-row-keys展开是否会默认缓存

在Vue3中，组件用于缓存不活动的组件实例，而不是渲染内容。当组件被缓存时，它的状态和数据将被保留，直到组件再次被激活。
qq_42463588·2024-09-01 04:01

vue3 + ts中有哪些类型是由vue3提供的?

在Vue3中结合TypeScript使用时，Vue提供了一系列的类型帮助函数和接口，这些类型用于增强TypeScript的集成和提供类型安全。
汝&戏·2024-09-01 04:31

vue3中，子组件如何向父组件传值

写作灵感最近在写项目时，有多个页面都需要使用到一个搜索栏。因此，就需要将搜索栏封装成一个组件，我们在其他组件使用搜索组件时，需要将搜索到的内容传入父组件进行展示。此时，就需要用到子组件向父组件传值了。使用子组件向父组件传递值时，相信遇到最多的便是emit进行传值了。下面我将介绍我用到的两种传值方式：使用setup语法糖和不使用setup语法糖的两种方式。（父组件的书写放在后面）使用setup语法糖
易烊子豪·2024-09-01 02:51

手把手学习Vue3.0：CSS样式基础和HTML5基础收藏

背景最近在做管理系统的时候我还不会用Vue，时间紧任务重就先用J2EE那套，利用layUI先实现了。现在从头学习前后端分离技术来搞，在做的过程中对CSS和HTML5的基础语法都已经全忘了，正好总结一下，其实也没有什么好总结，就是一个搜集一下语法手册，用的时候方便查查。我也顺便弄明白了一个事情，就是到底人们常说的H5到底是什么，当我从知乎上看明白后，心中一万个草拟吗奔腾而过。如果你有幸读到我这篇文章
帅哥趣谈·2024-09-01 01:43

在线图书管理系统”的Vue.js项目

我们将使用Vue.js2.x（或Vue3.x，视你偏好而定），结合VueRouter进行页面路由管理，Vuex进行状态管理，以及Axios进行HTTP请求。
hai40587·2024-08-31 21:51

Git的简单使用

Git是一个分布式版本控制系统，广泛用于软件开发。以下是一些常用的Git命令和使用方法：安装Git你可以从Git官方网站GitDownloads下载并安装Git。基本配置安装完成后，首先需要进行一些基本配置：gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"初始化仓库创建一个新
Caihua_X·2024-08-31 21:18

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一·2024-08-31 20:15

大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网

import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent
2401_84411822·2024-08-31 18:01

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli
一介书生.·2024-08-31 16:48

vue3 路由的使用

路由的使用在传统的Web开发过程中，当需要实现多个站内页面时，以前需要写很多个HTML页面，然后通过标签来实现互相跳转。在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。TIP从这里开始，所有包含到.vue文件引入的地方，可能会看到@xx/xx.vue这样的写法。@views是src/views的路径别名，@cp是sr
前端不加班·2024-08-31 16:45

vue3.x+typescript 配置全局属性-vue3配置全局axios

下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
我爱张智容·2024-08-31 16:37

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-08-31 15:39

vue2/3 - 解决项目运行或安装依赖npm install时，出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误

错误截图在vue2|vue3|nuxt项目开发中，运行或执行安装依赖包命令install时出现报错：npmERR!errno-4048|npmERR!
街尾杂货店&·2024-08-31 14:06
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他