vue2&vue3

Vant4在Vue3.3中如何按需导入组件和样式

前言最近我在Vue3.3的项目中对Vant4做按需导入时，尽管按照Vant4的官方指南进行操作，但样式仍然无法正确加载。
HaushoLin·2024-01-13 18:48

Vue3 不同版本的Pinia如何做持久化存储

一、Vue3.2，pinia({loginForm:{},}),getters:{},actions:{},persist:{//开启持久化enabled:true,//选择存储方式和内容strategies
HaushoLin·2024-01-13 18:18

第九讲、Vue3.x中的单文件组件 定义组件 注册组件 以及组件的使用

一、Vue3.x中的组件组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。
我爱张智容·2024-01-13 17:47

【vue3】vue3的应用实例是什么和怎么使用

简言每个Vue应用都是通过createApp函数创建一个新的应用实例。应用实例指的就是createApp的返回值，它是一个对象，里面包含了多个vue相关的属性，例如component（组件）、directive（指令）use（插件)、runWithContext（vue运行上下文）、version（版本）等；我们使用这个实例对象，调用mount函数挂载到dom上，就可以创建一个vue单页应用（SP
ZSK6·2024-01-13 16:05

vue3内置组件Transition简单介绍和应用

前言Vue提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。会在一个v-for列表中的元素或组件被插入，移动，或移除时应用动画。我们可以利用这两个组件，再结合css和js快速实现简单实用的过渡和动画效果，下面依次介绍它们。Transition组件介绍是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。**
ZSK6·2024-01-13 16:34

vue3表格编辑(数据回显)和删除功能实现

在Vue3中，可以通过使用v-for指令来遍历数组，并在表格中显示数据。要实现表格的编辑和删除功能，可以使用动态绑定的方式来实现。
我爱学习yq·2024-01-13 15:11

Uncaught (in promise) ReferenceError: require is not defined

在Vue3中加载项目路径下的资源图片,起初按照之前vue的写法require但浏览器却抛出了异常Uncaught(inpromise)ReferenceError:requireisnotdefined
survivorsfyh·2024-01-13 14:27

cannot redeclare block-scoped variable

使用Vue3.0的时在模块类中声明方法的时候抛出了如下的异常:cannotredeclareblock-scopedvariable解决办法检查是否集成了Vetur插件,若存在禁用或卸载即可,该插件Vue3.0
survivorsfyh·2024-01-13 14:27

企业级快速开发框架 nbsaas-boot 1.1.6-2023 发布了

2.修改vue3代码生成模板3.增加@EncryptionData注解，放到参数上，后台认为请求需要加密，进行解密。放到方法头上，aes加密响应请求。
nbsaas-boot·2024-01-13 13:49

vueUse插件--useDraggable的使用方法以及案例（vue3）

vueUse地址：https://vueuse.org/core/useDraggable/useDraggable让一个元素变成可拖拽官方给出的demo，感兴趣的可以去VueUse官网看看import{ref}from'vue'import{useDraggable}from'@vueuse/core'constel=ref(null)//`style`willbeahelpercomputed
汤姆丁1111·2024-01-13 11:27

VUE3（二十一）vue-router 在新窗口打开页面的功能

$router.resolve({name:`print_schedule`,params:{id:id}});window.open(href,"_blank");VUE3：constrouter=useRouter
camellias__·2024-01-13 10:18

开源了一款Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板

一、开源项目简介由Vue3&Ts&Vite4&uni-app驱动的跨端快速启动模板。
神码观察·2024-01-13 10:24

观Vue3 官网，浅谈ref和reactive的区别。

一、ref()在组合式API中，推荐使用ref()函数来声明响应式状态。ref()接收参数，并将其包裹在一个带有.value属性的ref对象中返回。注意，在模板中使用ref时，我们不需要附加.value。为了方便起见，当在模板中使用时，ref会自动解包(有一些注意事项)。二、为什么使用ref?为什么我们需要使用带有.value的ref，而不是普通的变量？为了解释这一点，我们需要简单地讨论一下Vue
呆呆槑_Xiong·2024-01-13 10:52

Vite2 + Vue3技术栈，搭建开发项目

下面将Vite2+Vue3技术栈，搭建开发项目做下记录。Vue3：Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。
wildelegant·2024-01-13 10:40

系统性学习vue-vue核心

做了三年前端,但很多系统性的知识没有学习还是从头系统学习一遍吧课程是b站的Vue2.0+Vue3.0课程后续还会学习的如下,就重新开一篇了,不然太长,之后放链接vue组件化编程vue-cli脚手架vue
aqiu~·2024-01-13 10:50

vue3+TS使用component 组件的实例

目录一.项目中实际使用1.代码使用二.元素1.使用方式：2.代码解释一.项目中实际使用1.代码使用之前，我们使用过，在login相关的几个页面使用component实现登录/注册/找回密码等页面的动态切换，在天转到这个页面时，传递一个参数，根据参数去显示不同的页面，（当然，你也可以选择将这些页面都加入到路由里，然后设置不同的跳转路径也是可以的）importImageShowfrom"./compo
程序猿online·2024-01-13 09:42

关于ApiPost-mock环境的使用

前言最近在学习vue3+ts+element-plus，准备写一个管理系统，需要用到接口，就想到使用mock来做接口准备1.选择mock环境2.选择mock服务，然后定义你需要的接口和返回数据3.mock
lee_uncle·2024-01-13 09:35

MD5 前端密码转换VUE3.ts

vue3md5ts文件vue3安装ts-md5定义使用ts文件vue3安装ts-md5npminstall--savets-md5定义import{Md5}from'ts-md5';使用//定义MD5对象
石马农汪·2024-01-13 09:18

Vue3 快速上手

1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
热忱1128·2024-01-13 09:35

vue3打包后页面空白解决方法

vue3打包后页面空白解决方法问题解决方法问题最近写一个小项目没有打包的时候一切正常技术栈用的vue3+vite我用的是npm创建的项目npminitvue@latest问题一：打包后页面空白，什么都没有问题二
yijianace·2024-01-13 08:51

VUE3+element plus在el-input上增加图标

目录实现效果关键点实现效果关键点和VUE2+elementUI有差别VUE2+elemenUI使用prefix-icon="el-icon-search"在VUE3+elementplus要使用:prefix-icon
尘烟生活家·2024-01-13 08:41

VUE3+element plus在按钮上增加图标

在elementUI直接设置icon立即购买在VUE3+elementplus中要引入icon图标变量立即购买import{Star}from'@element-plus/icons-vue'
尘烟生活家·2024-01-13 08:41

VUE3+element plus在el-tab-pane中增加自定义图标

只要使用自己的图标替换这里的图标即可RouteRouteelementplus官方提供的图标很少，阿里巴巴的免费图标库提供了很多选择在VUE3项目的src/ass
尘烟生活家·2024-01-13 08:41

VUE3+element plus实现的动态登录注册切换页面

在VUE3里面，不能像原生js那样使用获取元素对象来动态增加和删除class，需要在节点上增加ref属性，通过ref来实现完整代码RegisterSubmitLoginForgotyourpassword
尘烟生活家·2024-01-13 08:40

uniapp：如何将返回标根据下滑的距离而改变颜色

vue3直接
荀鼠不是鼠·2024-01-13 08:44

前端规范扩展

前端编程规范是基于原有vue2基础上那套《编码风格及标准》上，应用于vue3、typescript、vite2基础上延伸出来的扩展补充，持续完善一、编码规范ESLint代码检测工具+Pretter代码格式化工具配合双校验代码
arguments_zd·2024-01-13 07:39

vue3的Uniapp用renderjs 进行视频切图操作

首先，在项目中安装RenderJSnpminstallrenderjs在Vue3的UniApp中引入RenderJS：importRenderJSfrom'renderjs';创建一个RenderJS实例
just today·2024-01-13 05:23

vue3组件之间通信(八)——作用域插槽之间的传值

文章目录1：什么是插槽2：默认插槽的基本使用3：具名插槽（需要多个插槽，为了区分进行命名）4：作用域插槽及传值引言：在说明插槽之间传值会先说明一下插槽的本质和使用，最后才会说到传值，所以知道插槽的可以直接滑到最下面的4：作用域插槽及传值即可。1：什么是插槽插槽的本质：内容分发，子组件写了插槽，父组件可以将其内容直接放到页面上2：默认插槽的基本使用一般使用组件都是单标签结束的，而由于在双标签的组件中
前端张三·2024-01-13 05:37

vue3.2引用unplugin-auto-import插入，解放开发中import组件

目录前言引用unplugin-auto-import插件的优缺点优点缺点unplugin-auto-import插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结前言是否添加unplugin-auto-import取决于项目需求和团队习惯。如果项目中频繁使用Vue相关API，并且团队成员都熟悉这种自动导入方式，那么添加这个插件可能会提高效率。然而，如果项目结构相对简单，或
Alex_Drag·2024-01-13 00:52

vue3.2引用unplugin-vue-components插入，解放开发中import组件

目录前言引用unplugin-vue-components插件的优缺点优点缺点unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q&A前言unplugin-vue-components是一个用于Vue.js项目的插件，特别适用于Vite和Webpack构建工具。它的主要功能是自动导入Vue组件，从而减少了在每个文件中手动导入组
Alex_Drag·2024-01-13 00:51

Vue3中如何实现动态菜单递归

全局路由：exportletrouterArray=[{path:'/login',component:()=>import('@/views/login/index.vue'),name:'login',meta:{title:'登录',hidden:false}},{path:'/',component:()=>import('@/layout/index.vue'),name:'layout
EntyIU·2024-01-12 23:37

Web前端 ---- 【Vue3】Proxy响应式原理

目录前言安装Vue3项目安装Proxy语法格式前言从本文开始进入vue3的学习。
软工不秃头·2024-01-12 22:48

vue3hooks的使用

在Vue3中，hooks是用于封装组件逻辑的方法，类似于Vue2中的mixins。
HWL5679·2024-01-12 21:38

Vue3+TS后台管理系统项目完结撒花(已部署)

Vue3+TS后台管理系统项目完结撒花1.线上体验Vue3+TS后台管理系统在线体验客官如果觉得还不戳，github上不妨顺手点个⭐️，鼓励一下吧。
独鹿DT·2024-01-12 20:01

vue3和vue2生命周期

vue2生命周期每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程beforeCreate：是第一个生命周期函数，表示实例完全被创建出来之前会执行这个函数。在此函数执行时，data和methods中的属性与方法定义都还没有初始化。created：是第一个生命周期函数，在此函数中，d
my_styles·2024-01-12 20:59

【Vue3+Ts项目】硅谷甄选 — 用户管理+角色管理+菜单管理+首页

一、用户管理1.1接口1.1.1接口定义src/api/acl/user/index.ts//用户管理模块的接口importrequestfrom'@/utils/request'importtype{AllRoleResponseData,SetRoleData,User,UserResponseData}from'./type'enumAPI{//获取全部已有用户账号信息ALLUSER_URL
唧唧bong_·2024-01-12 20:29

【Vue3+Ts项目】硅谷甄选 — 路由配置+登录模块+layout组件+路由鉴权

一、路由配置项目一共需要4个一级路由：登录（login）、主页（home）、404、任意路由（重定向到404）。1.1安装路由插件pnpminstallvue-router1.2创建路由组件在src目录下新建views文件夹，在views中创建login、home、404路由组件。1.3配置路由在src目录下新建router文件夹，书写路由配置（包含index.ts和routes.ts）。src/
唧唧bong_·2024-01-12 20:58

【Vue3+Ts项目】硅谷甄选 — 品牌管理+平台属性管理+SPU管理+SKU管理

一、品牌管理模块1.1静态模块搭建使用到element-plus的card、button、table、pagination等组件：src/views/product/trademark/index.vue添加品牌,sizes,total":total="400"/>//引入组合式API函数refimport{ref}from'vue'//当前页码letpageNo=ref(1)//每一页展示多少条
唧唧bong_·2024-01-12 20:26

Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法

本文承接上一篇Vue3中使用Vuex和Pinia对比之Vuex的用法与Vuex相比，如果你觉得Vuex比较麻烦的话，那么Pinia提供了更简单的API，具有更少的操作，简单理解一下，就是相当于把Vuex
爱问的艾文·2024-01-12 20:04

VScode生成自定义Vue3模板

在学习Vue3时,VScode没有一键生成模板的快捷方式,这就需要我们自己设置一个模板.步骤:点击文件---->首选项---->配置用户代码片段弹出框中输入vue.json然后就可以配置你想要的模板啦~
且陶陶º·2024-01-12 20:26

VS Code 配置 Vue3 模板 详细步骤

新建全局代码片段文件”3、在输入框中输入你要设置的模板名，然后回车确认4、接下来配置自己想要模板代码，或者也可以借鉴我写的这个，具体根据自己的需求来配置{"Printtoconsole":{"prefix":"vue3
M_emory_·2024-01-12 19:22

vue3中，vue-echarts基本使用（柱状图、饼图、折线图）

注意：vue-echarts在使用前要先安装echarts，不要只安装vue-echarts这一个echarts官网地址：ApacheEChartsApacheECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。https://echarts.apache.org/zh/index.html安装vue-echartsnpmi-Svu
可爱的秋秋啊·2024-01-12 19:12

Vue3快速上手

1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：
可爱的秋秋啊·2024-01-12 19:11

vue3中el-table实现表格合计行

el-table标签上加属性show-summary:summary-method=“getSummary”js中添加函数（合计没有额外的附件参数添加）//合计constcalculateSummary=({columns,data})=>{constsums=[]columns.forEach((column,index)=>{if(index===0){sums[index]='合计总分're
可爱的秋秋啊·2024-01-12 19:11

vue3中el-table实现多表头并表格合并行或列

1、el-table中添加事件:span-method="genderSpanCity"{{scope.row.custom.length>0?scope.row.custom[index][column.prop]:scope.row.custom[column.prop]}}2、js添加函数//合并列constgenderSpanCity=({row,column,rowIndex,colum
可爱的秋秋啊·2024-01-12 19:38

vue3 vue3-particles粒子使用方法

注意：这个vue3-particles和particles.vue3有些许差别的（安装、引入方式）particles.vue3示例：vue3使用particles插件粒子_vueparticles_余温无痕的博客
余温无痕·2024-01-12 18:59

vue3+vite 安装和配置less

1、安装//安装lessnpmiless-loaderless--save-dev2、vite.config.js配置css:{preprocessorOptions:{less:{modifyVars:{hack:`true;@import(reference)"${path.resolve("src/assets/css/base.less")}";`,},javascriptEnabled:
余温无痕·2024-01-12 18:58

【开源】类似创客贴图片编辑器的项目及前端组件

yft-design:基于fabric.js的图片设计，使用Vue3+TypeScript+fabric.js+pinia+element-plus+pwa，支持文字、图片、形状、线条、二维码、条形码几种最常用的元素类型
我是Superman丶·2024-01-12 18:06

vue3 - 自定义弹框组件

写了一个弹框组件{{title}}import{ref,toRefs}from'vue'constprops=defineProps({title:{type:String,default:'',},})const{title}=toRefs(props)//是否开启弹框letshowFlag=ref(false)//开启constshowModal=()=>{showFlag.value=tru
一嘴一个橘子·2024-01-12 18:58

vue3项目部署到服务器，刚打开没事，一刷新页面就404

vue3项目部署到服务器，刚打开没事，一刷新页面就404vue3项目，在本地调试时各方面都没毛病，刷新也没毛病，但是，扔到服务器上，第一次打开是正常的，再刷新下就404了，不知道什么原因。
一嘴一个橘子·2024-01-12 18:58
上一页 81 82 83 84 85 86 87 88 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他