vue3随手记

Vue - Vue3 浅浅学习一下，不能学太多

视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通掘金：让你30分钟快速掌握vue3笔记Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece
Xxxxxl17·2023-12-27 08:47

uniapp开发准备项

HbuilderX下载地址安装微信开发者工具下载地址使用HbuilderX初始化项目点击HbuilderX菜单栏文件>项目>新建选择uni-app,填写项目名称，项目创建的目录工具->插件安装->安装vue3
Alice_66·2023-12-27 07:43

vue中 ref 和 reactive 的区别与联系

官方原文：Vue3建议使用ref()作为声明响应式状态的主要API。ref用于将基本类型的数据（如字符串、数字，布尔值等）和引用数据类型(对象)转换为响应式数据。
守灯者·2023-12-27 06:14

探索 Vue3 (五) 骨架屏

目前主流UI库都有骨架屏，如Element-UI、Antd可以看到使用起来非常简单，只需要一行代码即可//element//antd安装npmi-S@x-ui-vue3/skeletonmain.js文件中挂载
yueF_L·2023-12-27 06:53

vue3实现祖先向下面组件传值

import{provide,ref}from"vue"letcar=ref("奔驰")祖:provide("car",car)子孙：import{inject}from"vue"letcar=inject("car")
rootzql·2023-12-27 03:42

【Vue】Vue2的最后一舞

根据Vue官网的说法，随着Vue2.7的发布，Vue2也将在今年的12月31日停止支持，这一举动更是为了督促更多的开发者转向使用Vue3。
青皮桔·2023-12-27 02:55

如何在Vue3中实现无缝热重载：提升你的开发效率

Vue3中的热重载（HotModuleReplacement，简称HMR）是一种开发时的功能，它允许开发者在不刷新整个页面的情况下，实时替换、添加或删除模块。
诸葛妙计·2023-12-27 01:30

VUE3创建项目

一打开cmd按管理员身份运行，二切换目录1.D:这里切换到D盘cd你想要创建项目的路径再输入命令;vuecreatemyvue上面是vue3创建项目的方法。这里只介绍vue3创建。
溟有常青木·2023-12-27 00:38

vue低版本iOS设备白屏问题

原因：vue3中es6语法，iphone6-iOS12.4不支持解决方法：babel.config.js改为以下配置module.exports={presets:['@vue/cli-plugin-babel
卡乐咪小Y·2023-12-27 00:54

vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）

效果（CV即用）1.安装引入vue-cropper（官网）官网地址  npminstallvue-cropper@next  import'vue-cropper/dist/index.css'  import{VueCropper}from"vue-cropper";2.全局引入importVueCropperfrom'vue-cropper';import'vue-cropper/dist/i
阿磊的救兵·2023-12-26 23:12

Pinia的简单使用

2.设计使用的是Compositionapi，更符合vue3的设计思维。3.Pinia对Vue2和Vue3都有效，并且不需要您使用组合API。
微笑的弧度_c50f·2023-12-26 23:11

Vue2数据响应式原理解析

从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？Vue2响应式：基于Object.defineProperty()实现的。Vue3响应式：基于Proxy实现的。那么它们之间有什么区别？
monana6·2023-12-26 23:59

Vue3使用的Compostion Api和Vue2使用的Options Api有什么不同？

我们介绍CompostionApi和OptionsApi的区别之前，先来说一下为什么会推出来CompositionApi，解决了什么问题？Vue2开发项目使用OptionsApi存在的问题代码的可读性和维护性随着组件的变大业务的增多而变得差代码的共享和重用性存在缺点不支持TS语法上面存在的问题我们使用CompostionApi都可以完美的解决掉一、OptionsApi1、设计的出发点：包含一个描述
SwJieJie·2023-12-26 22:52

Vue3设计目标和优化

vue3.0的设计目标是什么？做了哪些优化？
SwJieJie·2023-12-26 22:22

使用Uniapp随手记录知识点

使用uniapp随手记录知识点1组件内置组件扩展组件2vuex状态管理使用流程mapState辅助函数gettersMutation1组件内置组件内置组件内主要包含一些基础的viewbuttonvideoscroll-view
海伟·2023-12-26 21:54

随手记数据丢失

断断续续记账记了好几年，今天晚上突然发现只剩下19年的了，之前的帐全都没了。怎么办？有没有人知道？本来还打算好好研究研究这个app，这么一整，实在是太上火了。主要是伤心呐，那么多重要数据全都没了！以后还能再相信这个app吗？
诺凡·2023-12-26 20:26

vue2、vue3实现用aws s3协议操作minio进行文件存储和读取

亚马逊s3API文档最开始安装了@aws-sdk/client-s3，但是不知道为什么一直报错，所以用了aws-sdk准备工作：需要已经搭建好minio、创建好桶1.vue2安装插件yarnaddaws-sdks3配置varAWS=require("aws-sdk");AWS.config.update({accessKeyId:accessKeyId,secretAccessKey:secret
查查茶茶丸·2023-12-26 19:09

vue的setup中能调用哪些生命周期

在Vue3中，setup函数是用于设置组件的逻辑的地方，并且它不能直接调用生命周期函数。相反，setup函数可以返回生命周期钩子函数，以便在组件实例化和销毁时执行相应的操作。
无妄的罪·2023-12-26 18:36

vue-devtools安装

新建了一个vue3项目，想使用Vue的调试工具：具体步骤如下：下载vue-devtools插件gitclonehttps://github.com/vuejs/vue-devtools.git切换到下载好的文件夹
是晕晕晕撒·2023-12-26 18:32

vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题

vue3+vite4项目，配置代理实现本地开发跨域问题非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域vite的proxy代理和vue-cli
大王在路上·2023-12-26 17:49

Vue3全局组件

在src的目录下的components中新建组件名.vue如：GlobalComponent.vue全局组件exportdefault{name:"GlobalComponent"}在main.js中引入并注册全局组件import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom
SignalFire·2023-12-26 17:01

vue3 + vite 搭建项目

image.png运行报错如下，router找不到路径，用@导入组件/文件报错image.png修改vite.config.ts配置image.png
哩哩哩_0033·2023-12-26 16:09

前端——html拖拽原理

vue3系列相关文章：vue3+fastapi实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“#”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode
yma16·2023-12-26 16:10

uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)

uploadFileapi自定义上传⭐后端fastapi定义上传接口⭐uniapp开启本地请求代理devServer⭐前后端联调⭐总结⭐结束⭐前言大家好，我是yma16，本文分享关于uniapp框架——初始化vue3
yma16·2023-12-26 16:05

Vue3集成Echarts

先安装echarts依赖npminstallecharts--save功能代码TotalAccounts{{state.countData.totalAccountCount}}TotalBoats{{state.countData.totalBoatCount}}TotalEngines{{state.countData.totalEngineCount}}TotalDevices{{state
宁漂打工仔·2023-12-26 16:16

Vue3商城项目实战

目录一、Vue3环境和项目创建1、Vue3安装和项目创建2、Vue3基础和Element-plus模版语法生命周期和事件绑定路由element-plus二、登录1、Login.vue2、Vuex基础1)
努力赚钱的阳仔·2023-12-26 16:36

实战 9 权限菜单管理

目录1、权限菜单后端接口2、查询权限菜单列表2.1设计效果图2.2menuList.vue3、新增权限菜单3.1新增权限菜单窗口代码3.2选择所属菜单代码3.3封装图标选择器3.4新增、编辑和删除权限菜单
努力赚钱的阳仔·2023-12-26 16:03

tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...

在创建vue3+vite+ts项目时的tsconfig.json（或者tsconfig.app.json）配置文件经常会报一个这样的错误：爆红：Option‘importsNotUsedAsValues
一嘴一个橘子·2023-12-26 15:49

vue2和vue3原理Object.defineProperty和Proxy原理对比：

vue2和vue3原理Object.defineProperty和Proxy原理对比：Object.defineProperty()：defineProperty定义对象不能监听添加额外属性或修改额外添加的属性的变化
前端小云儿·2023-12-26 15:11

@vuemap/vue-amap高德vue组件库常用技巧（五）- 动态标记

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（六）- 点聚合

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（八）- 线

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

Vue项目中使用fontawesome图标库

使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2.x和Vue3
淋雪小新·2023-12-26 12:59

【Vue3】滑动验证组件 | 滑动验证

前言滑块验证不只判断是否滑动到尾部，真正的目的是检测用户行为，检测行为是人为、脚本、还是其它。防止使用脚本大量注册、请求等。比如发送请求时，判断用户在某个页面停留了多长时间。登录、注册时是否点击了登录、注册按钮，如果没有点击就直接发送登录、注册请求，那么这个行为十有八九是脚本、机器行为。滑块验证有几个重要的数据滑块的起点滑块的终点滑块从起点滑动到终点所用的时间，比如人为滑动长度为240px的滑块，
视觉CG·2023-12-26 12:37

解决vue3使用iconpark控制台预警提示问题

前言最近在项目中使用iconpark-icon来管理图标，一切都很顺利，引入链接后，图标正常显示，没有报错。但是控制台却发出了预警信息。[Vuewarn]:Failedtoresolvecomponent:iconpark-iconIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOp
温其如玉_zxh·2023-12-26 10:11

在Vue3中使用vue-qrcode库实现二维码生成

本文主要介绍在Vue3中使用qrcode库实现二维码生成的方法。目录一、基础用法实现vue-qrcode库的参数介绍在Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑。
专业研究祖传Bug编写术·2023-12-26 09:40

详解Vue3中的嵌套路由和编程式路由

本文主要介绍Vue3中的基础路由和动态路由。目录一、嵌套路由二、编程式路由Vue3中的路由使用的是VueRouter库，它是一个官方提供的用于实现应用程序导航的工具。
专业研究祖传Bug编写术·2023-12-26 09:10

详解Vue3中的路由守卫

本文主要介绍Vue3中的路由守卫。目录一、全局守卫二、路由级别守卫三、使用注意事项在Vue3中，路由守卫是用来控制和管理路由跳转的一种机制。
专业研究祖传Bug编写术·2023-12-26 09:10

在Vue3中使用qrcode库实现二维码生成

本文主要介绍在Vue3中使用qrcode库实现二维码生成的方法。
专业研究祖传Bug编写术·2023-12-26 09:06

Web前端VScode/Vue3/git/nvm/node开发环境安装

目录1基本配置2安装vscode3安装vue4配置bash5安装nvm6安装node7安装yarn8新建项目9运行helloworld1基本配置本篇是为了做前端开发的环境而写。使用的操作系统是windows1064位2安装vscode现在做vue和node基本就是vscode和webstorm，本篇就是用vscode。可以从主页直接下载选择windows版本下载即可。下载速度还是可以的，如果下不下
Intimes·2023-12-26 08:27

【Vue3+TypeScript】快速上手_笔记

前言1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
开五档的蒙奇·2023-12-26 08:07

基于ElMessageBox创建虚拟dom对话框

在提交表单的场景下，如果只有几个表单，不想单独创建一个对话框Dialog然后引用，通过使用vue3的h函数创建虚拟dom然后展示在ElMessageBox，这样可以通过promis回调，灵活的控制对话框打开关闭
yi碗吃不够·2023-12-26 08:07

vue3源码解读--setup

目录vue2源码vue3源码示例源码显然setup函数是作为组件的options传入的，故我们将代码定位到applyOptions哦豁~~并没有发现对setup的处理……通过走断点，在setupStatefulComponent
习惯水文的前端苏·2023-12-26 07:17

在线文稿演示应用PPTist

PPTist是一个基于Vue3.x+TypeScript的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能，支持文字、图片、形状、线条、图表、表格、视频、音频、公式等几种最常用的元素类型
杨浦老苏·2023-12-26 07:55

VUE3，多Y轴折线图，柱状图，动态传参

注意这是封装的组件，引用时需要给一个有宽高的容器盒子，导入引用即可import*asechartsfrom'echarts'import{onMounted,reactive,toRefs,ref,watch}from'vue'exportdefault{props:{airlist:{type:Array,default:()=>{return[{name:'11',val:[0,0,0]}]}
陈十一i·2023-12-26 06:57

vue3使用mixins

{{num}}___{{fav}}改变值importmixinfrom"../mixins/mixin";let{num,fav,favBtn}=mixin();defineExpose({num,fav,favBtn});../mixins/mixin.ts:import{ref}from"vue";exportdefaultfunction(){letnum=ref(1);letfav=ref
你的美，让我痴迷·2023-12-26 05:46

vue3+ts pinia存储及持久化

index.ts需要安装pinia-plugin-persistnpmipinia-plugin-persist-Simport{createPinia}from"pinia"//引入批量的pinia持久存储插件importpiniaPluginPersistfrom'pinia-plugin-persist'conststore=createPinia();store.use(piniaPlug
你的美，让我痴迷·2023-12-26 05:46

vue3+ts 代理的使用

简单封装request.tsimportaxiosfrom"axios";//1.创建axios对象constservice=axios.create();//2.请求拦截器service.interceptors.request.use(config=>{returnconfig;},error=>{Promise.reject(error);})//3.响应拦截器service.interce
你的美，让我痴迷·2023-12-26 05:46

vue3+ts vuex存储问题

import{createStore}from"vuex"importpersistedstatefrom"vuex-persistedstate";importuserfrom"./modules/user"exportdefaultcreateStore({state:{num:10,sum:10,str:"这是store数据"},getters:{total(state){returnsta
你的美，让我痴迷·2023-12-26 05:15

07 Vue3框架简介

文章目录一、Vue3简介1.简介2.相关网站3.前端技术对比4.JS前端框架5.Vue核心内容6.使用方式二、基础概念1.创建一个应用2.变量双向绑定（v-model）3.条件控制（v-if）4.数组遍历
yancqitcode·2023-12-26 04:19
上一页 62 63 64 65 66 67 68 69 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他