Vue3学习之路第22页

vue3 vuedraggable draggable element must have an item slot

vue3+vite看官网使用这种{{element.name}}实战可看这篇

Roottt_·2024-02-03 09:54

从零开始使用Konva，画图并绑定节点。

实战可行，vue3+vite+ts实现实现电子地图，左侧列表可拖拽绑定地图可绑定点设备坐标安装npminstallkonva插件引入importKonvafrom'konva'importKonvafrom'konva'import

Roottt_·2024-02-03 09:53

vue-3d-loader vue实现3d模型展示（vue2）

官方文档:快速上手|Vue3dloader(king2088.github.io)（注意：看清版本vue3跟2使用版本不同）1.下载npmivue3[email protected].引入1.全局引入importvue3dLoaderfrom"vue

只玩辅助啊·2024-02-03 09:08

vue-3d-loader

VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度#默认安装"vue-3d-loader":"^1.3.4",只支持vue2npmivue-3d-loader#vue3

dragonzoebai·2024-02-03 09:04

vue3.0 Composition API上手体验

vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听

廊坊吴彦祖·2024-02-03 08:57

Vue3.0（一）：Vue的引入-options api-模板语法

Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount("#app");本地引入可以将CDN中地址中的代码，拷贝到一个vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别以上案例是实现了一个计数器的功能左边是Vue实现右边是原生实

前端大菜鸟_·2024-02-03 08:55

Vue3中ref和reactive的用法和区别

目录两者的区别：原理角度对比：使⽤角度对⽐：用法实例：实例：Vue2中我们通常将响应式数据放在data中，再Vue3中提供了组合式API的写法，即数据和方法写在一起，便于维护。

浮生若梦777·2024-02-03 08:14

nvm-windows的安装和配置

下载安装nvm-setup.zip用于切换node版本，旧项目用的是14版本，vue3需要的node版本要高些,所以运行vue3项目前需要用nvm切换node的版本先。

www666_·2024-02-03 07:04

vite+vue3发布自己的npm组件+工具函数

记录一下个人最近一次发布npm组件的过程：一、创建组件和工具函数执行命令创建一个空项目：npmcreatevite创建过程稍微有些慢，不知何故？其中选择vue,个人暂时使用的JS。在src目录下面创建一个文件package存放组件和公共的JS方法案例中table是放组件的，utils是放方法的。table组件里面的主要内容就是个人业务组件，随便写点结果：{{MyValue}}测试按钮import{

well2049·2024-02-03 07:34

npm WARN deprecated [email protected]: Please upgrade to version 7 or higher

当使用npm下载vue3-lazy时出现一下错误时的解决方案报错：[email protected]:Pleaseupgradetoversion7orhigher尝试使用过一下命令更新

黎明寄波澜*·2024-02-03 06:30

vue3 微信扫码登录及获取个人信息实现的三种方法

一、流程：微信提供的扫码方式有两种,分别是:跳转二维码扫描页面内嵌式二维码根据文档我们可以知道关于扫码授权的模式整体流程为:1.第三方发起微信授权登录请求，微信用户允许授权第三方应用后，微信会拉起应用或重定向到第三方网站，并且带上授权临时票据code参数；2.通过code参数加上AppID和AppSecret等，通过API换取access_token；3.通过access_token进行接口调用，

@卓越俊逸_角立杰出@·2024-02-03 06:15

Vue3+TS+Vite+Pinia学习总结

VUE3介绍vue2和vue3之间的区别因为需要遍历data对象上所有属性，所以如果data对象属性结构嵌套很深，就会存在性能问题。

天生我材必有用_吴用·2024-02-03 06:07

【Vue3+Vite】Vue3视图渲染技术快速学习第二期

文章目录一、模版语法1.1插值表达式和文本渲染1.1.1插值表达式语法1.1.2文本渲染语法1.2Attribute属性渲染1.3事件的绑定二、响应式基础2.1响应式需求案例2.2响应式实现关键字ref2.3响应式实现关键字reactive2.4扩展响应式关键字toRefs和toRef三、条件和列表渲染3.1条件渲染3.2列表渲染四、双向绑定五、数据监听器一、模版语法Vue使用一种基于HTML的模

道格维克·2024-02-03 06:16

vue3+vite+vue-router4.x实现动态添加路由

实现内容：1.根据后台返回的菜单，前端实现动态添加路由；2.解决刷新页面时，路由消失/页面空白的问题；第一步：请求后台，返回菜单数据【内容如下】//后台返回的菜单数据this.menuList=[{id:1,path:'/home',name:'首页',icon:true,children:[],component:'/home/home'},{id:12,path:'/pinia',name:'

listener_life·2024-02-03 06:46

【Vue3+Vite】路由机制router 快速学习第四期

文章目录路由简介路由是什么路由的作用一、路由入门案例1.创建项目导入路由依赖2.准备页面和组件3.准备路由配置4.main.js引入router配置二、路由重定向三、编程式路由(useRouter)四、路由传参(useRoute)五、路由守卫总结路由简介路由是什么路由就是根据不同的URL地址展示不同的内容或页面。页面切换路由的作用单页应用程序（SPA）中，路由可以实现不同视图之间的无刷新切换，提升

道格维克·2024-02-03 06:43

Vue3快速上手

一、创建Vue3.0工程1.使用vue-cli创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue

吃一口你的梦。·2024-02-03 05:53

vue3项目中数字滚动效果

前言：目前大多数新的vue项目都采用了vue3去写，在最近的项目中，需要展示数字滚动的效果，我就想到了之前用多的vue-count-to数字滚动插件，发现这个插件只使用于vue2项目，在vue3项目中并不试用

张不大了·2024-02-03 05:17

利用VUE3生成二维码（两种方式）

vue有两种生成二维码的方式，qrcode、vue-qr（有icon）1、qrcodenpm``install``--saveqrcodejs2//所需页面导入importQRCodefrom'qrcodejs2'import{onMounted,ref}from'vueimportQRCodefrom'qrcodejs2'constqrCodeUrl=ref(null)constcreatQrC

小猫瘦瘦·2024-02-03 04:21

VUE3+TS使用OpenSeadragon学习之旅，实现多图片切换效果

1.官方网站：OpenSeadragon2.使用npm下载插件：npminstallopenseadragon3.在index.html文件引入资源4.组件使用（一张图片显示效果）1.引入OpenSeadragonimportOpenSeadragonfrom"openseadragon"2.存放图片的标签3.初始化实例constviewer=OpenSeadragon({id:"opensead

小猫瘦瘦·2024-02-03 04:51

Python学习之路002-小插曲之变量和字符串

注：内容源于学习小甲鱼《零基础入门学Python》，这些都是我自己写的作业，学习地址：https://www.bilibili.com/video/BV1Fs411A7HZ?p=20.以下哪个变量的命名不正确？为什么？(A)MM_520(B)_MM520_(C)520_MM(D)_520_MMA：C不正确，变量不能以数字开头1.在不上机的情况下，以下代码你能猜到屏幕会打印什么内容吗？>>>myte

阿花去哪里啦·2024-02-03 02:45

vue3项目创建权限问题解决以及淘宝镜像过期解决

设备是：MacBook并非Windows环境近期使用vite创建vue3项目，发现要么一直卡着要么失败。用命令行创建也是一直卡着。

伊昂呀·2024-02-02 23:00

基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库

毕业设计基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库前端：VUE3+Vite

梦の落花·2024-02-02 23:36

Vue3 vant4 底部tabbar图标如何修改为自定义图片

1、引入静态图并作为变量使用2、制作数据结构用于v-for遍历记得每个tabbar准备两个图片，默认和选中。3、safe-area-inset-bottom是vant4移动端底部安全区适配，如果不需要则去掉。4、tabbar的详细参数请看官方文档https://vant-ui.github.io/vant/#/zh-CN/tabbarimport{ref}from'vue'//1、引入项目静态图，

HaushoLin·2024-02-02 22:59

Vue3如何深度修改vant4 css样式

1、当前页面只用一次某个组件vue2是::v-deep.vant-button{}vu3则是::v-deep(.vant-button){}页面示例回到顶部::v-deep(.van-button){background-color:orange;}}2、页面多次使用同个组件，如何修改其中一个，而不改变其他组件原本的样式。例如下面我们只修改productBox下的button，在它外层包裹一个di

HaushoLin·2024-02-02 22:58

Vue3 vant4 解决引入的Toast和dialog样式丢失的bug

情景再现：正确做法：在main.ts中单独引入import'vant/es/toast/style'import'vant/es/dialog/style'import{Toast,Dialog}from'vant'app.use(Toast)app.use(Dialog)效果如下轻松拿下。

HaushoLin·2024-02-02 22:56

vue3项目element-plus，树组件el-tree修改下拉图标，增加引导线

vue3项目element-plus，树组件el-tree修改下拉图标，增加引导线组件库的el-tree样式由于基础版的样式不满足当前的ui设计，所以对el-tree做一下样式改造参考的博客并做了一部分优化

Thurmanwang·2024-02-02 22:08

菜鸡后端的前端学习记录-2

忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】（学习记录第二部分，都写到一个博客里太长了，不利于阅读复习

无名一小卒·2024-02-02 21:30

docker 安装 nginx 发布Vue项目

直接映射会出错）5.停止运行容器并删除容器6.重新启动容器（映射相应的目录文件）7.访问默认页面8.发布Vue项目9.配置反向代理（前后端分离，基本上都需要反向代理来解决跨域问题）10.实战案例：发布开源项目vue3

文子阳·2024-02-02 20:51

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

介绍使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tai

zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

疫情数据大屏（ts+vue3）本着学习vue3+ts技术栈的目前，敲了这个项目。

蹦哒·2024-02-02 20:41

搭建 vite + vue3 + ts + pinia 项目框架

一、创建项目安装vitenpmivite-g复制代码创建项目一步创建npm6.xnpmcreatevite@latestmy-vue-app--templatevue-tsnpm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app–--templatevue-tsyarnyarncreatevitemy-vue-app--templa

JackieChan_·2024-02-02 20:41

vue3+vite+ts使用pinia

你开心的样子我好喜欢·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的

「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员

Coder HoMeTown·2024-02-02 20:10

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue

hjseo_seg·2024-02-02 20:40

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite

偏安zzcoder·2024-02-02 20:09

Vue3_基础使用_2

这节主要介绍：标签和组件的ref属性，父子组件间的传递值，ts的接口定义，vue3的生命周期1.标签的ref属性。

Evan.Pei·2024-02-02 20:23

Vue3_基础使用_1

这节主要介绍：vue2与vue3的区别，创建响应式的数据，setup语法糖的使用，watch监听，及vue3创建项目。

Evan.Pei·2024-02-02 20:53

关于node.js奇数版本不稳定将11.x.x升级至16.x.x不成功的一系列问题（一）

据说vue2用16稳定一些vue3用18好一点（但之前我vue3用的16.18.1也可以）为维护之前的老项目先搞定node版本切换下载nvmnode版本管理工具https://github.com/coreybutler

猴小七儿·2024-02-02 19:51

Vue3+vite搭建基础架构（3）--- 使用dayjs

Vue3+vite搭建基础架构（3）---使用dayjs说明官方文档vite.config.js别名配置安装dayjs安装命令使用dayjs将dayjs封装为自己的日期工具类使用dataUtil.js日期工具类示例说明这里记录下自己在

谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（4）--- 使用axios

Vue3+vite搭建基础架构（4）---使用axios说明官方文档安装axios安装命令使用axios测试参数以对象形式传参测试参数在url地址后面拼接传参说明这里记录下自己在Vue3+vite的项目使用

谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（5）--- 使用vue-i18n

Vue3+vite搭建基础架构（5）---使用vue-i18n说明官方文档安装vue-i18n使用vue-i18n测试vue-i18n的国际化配置说明这里记录下自己在Vue3+vite的项目使用vue-i18n

谁不想飞舞青春·2024-02-02 19:14

基于Node.js+Vue3+MongoDB 实现企业门户管理后台

技术栈:Vue3全家桶Node.jsExpress框架MongoDB数据库主要需求首页个人中心用户管理（管理员才有权限)产品管理新闻管理前端：Vue作为基础框架vue-router控制路由（hash模式

safe030·2024-02-02 18:15

vue3 + element-plus + koa2 实现图片上传至七牛云

koa2后端代码准备工作：安装koa-multerkoa-qiniukoa-uuid命令：npmikoa-multerkoa-qiniukoa-uuid-S1、新建utils文件夹新建QiniuConfig.js文件存放七牛云配置信息letQINIU={};QINIU.accessKey='xxx';//七牛的accessKeyQINIU.secretKey='xxx';//七牛的secretKe

0kime·2024-02-02 18:56

Vue3自定义指令的那些事（手把手教学）

今天呢想来和大家分享一下Vue3中的自定义指令这一小块知识点。我会分享一些我工作中经常用到的知识点，内容相对简单，还请大佬们手下留情。

勇宝趣学前端·2024-02-02 18:24

前端必知必会（一）：vue3+node实现网站支付功能

在我上学那会当时写过一个小网站，初衷是分享自己的学习经验。后台随机学习的不断深入，有把网站做一个支付功能。当时这是想但是一直没有实现这个想法。那时认为支付是一个很复杂的功能，今天我就想简单来了解一下支付的一个实现过程，案例中我采用的是沙箱，之前只是听过，编码使用Vue和Node想结合。写的不好，大家多多批评。下边是我找的两个对我们开发有帮助的网址支付宝开放平台：https://open.alipa

勇宝趣学前端·2024-02-02 18:54

Vue3+Koa2实现图片上传（不再畏惧）

大家好，我是勇宝，一个热爱前端的小学生，年关将至，提前祝大家新年快乐。今天呢，我们就来好好的啃一啃图片上传，从一个前端开发者的角度来探讨一下图片上传前后端到底都做了哪些事情。文章目录一、技术摘要二、图片上传流程概述1.前端2.后端三、项目搭建前端1.初始化Vue后端（koa2）1.全局安装脚手架2.初始化项目3.运行四、开始撸代码1.编写html骨架2.定义回显元素3.编写选择按钮逻辑4.回显选择

勇宝趣学前端·2024-02-02 18:51

vue3的element-plus在外部自定义指示器切换轮播图(走马灯)

-----自定义指示器----------内容-----内容{{item}}import{ref}from'vue'constcarousel=ref()constcurrentIndex=ref(0)//轮播图自动切换，赋值为自定义指示器constchangeHandle=(e)=>{currentIndex.value=e}//通过自定义指示器切换，赋值给轮播图constchangeIndic

前端路上迷茫的小鲨鱼·2024-02-02 18:21

Vue3+ThreeJS的简单使用

1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。github地址three.js官网three.js中文文档2.应用场景智慧城市智慧园区大屏数据可视化3D看房小游戏3.使用3.1下载Three.js//通过CDN方式引入//使用npm下载npminstall--savethree//在要使用的页面中引入

无敌暴龙神~·2024-02-02 16:04

vue3从0动态滚动到指定数字

[vue3从0动态滚动到指定数字](animated-number-vue3-npm(npmjs.com))image.png1.安装$npminstallanimated-number-vue3$yarnaddanimated-number-vue32

肖_53e4·2024-02-02 15:47

推荐频道

Vue3学习之路