vue3来喽~

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

vue3 要将自定义组件注册为全局组件，可以使用 `app.component` 方法

main.ts中import{createApp}from'vue'importAppfrom'./App.vue'importMyCustomComponentfrom'./components/MyCustomComponent.vue'constapp=createApp(App)//将自定义组件注册为全局组件app.component('my-custom-component',MyCus
一嘴一个橘子·2024-01-12 18:27

Vue3中 在 TypeScript 文件中无法使用 useRouer 和 useRoute 的方法和属性是怎么回事?如何解决？

Vue3中在TypeScript文件中无法使用useRouer和useRoute的方法和属性是怎么回事?如何解决？
一个水瓶座程序猿.·2024-01-12 17:47

Vue3 中 Element-Plus 引入 ElLoading 并修改颜色

Vue3中Element-Plus引入ElLoading并修改颜色安装：#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus
一个水瓶座程序猿.·2024-01-12 17:17

echart5.x地图下钻和地图标点(vue3+ts)

地图下钻的独立组件，引入即用在echart地图上踩了太多坑了，记录下吧使用：//地图标点letmapList=[{FarmID:"337207bb-5abe-42ea-949c-e034a3ae6377",FarmName:"优然牧场一场",Long:119.23944,Lati:34.324724,Admin:"小王",Tel:"",Livestock:7660,Address:"",},];l
小旋风01234·2024-01-12 15:20

快速打通 Vue 3（四）：标签的 ref 属性与 Vue3 生命周期

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

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子分享以及测试版本发布实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:40

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -我创建的投票列表实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:10

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -我参与的投票列表实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-12 14:09

vue3 vue.draggable.next 拖拽插件

简单介绍vue.draggable.next是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景
W.Y.B.G·2024-01-12 13:20

Vue3实现粒子动态背景

官网：https://particles.js.org/npm：https://www.npmjs.com/package/particles.vue3安装pnpmaddparticles.vue3pnpmaddtsparticles-slim
会说法语的猪·2024-01-12 13:19

组件v-model

这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结一下vue中的组件v-model官网的示例先说下vue2中的使用，再说下vue3中的使用V2单个v-model绑定下面这个单个
会说法语的猪·2024-01-12 13:17

vue3 生命周期

与2.x版本生命周期相对应的组合式APIbeforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmoun
Zh.冠军·2024-01-12 12:10

vue3 实现祖孙组件通信（provide、inject ）

patent.vue//父组件通过provide提供数据import{reactive,provide}from'vue';letobjData=reactive({name:'張三',age:18,})provide('objData',objData)child.vue和childchild.vue//子组件通过inject获取数据import{inject}from'vue'letobjDa
Zh.冠军·2024-01-12 12:10

【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router

Vue3代码APP文件中写入js代码1、首先，通过isMobile()函数判断用户的设备类型。
xiaoming_0208·2024-01-12 12:35

vue3中的hook公共函数封装及运用

vue3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中，或者说是一些可以复用的公共方法/功能使用Vue3的组合API封装的可复用的功能函数自定义hook
Zh.冠军·2024-01-12 12:04

由Vue转React的自学文档

react学习文档由vue3转学react，之前从未接触过react，自学了一遍感觉还好，容易上手。期间的一些笔记，后续有更深的见解持续更新。
雨燕容若·2024-01-12 12:33

Vue2自学笔记

Vue2vue基础vue-clivue-routervuexelement-uivue3Vue，用于构建用户界面的渐进式JavaScript框架。
Kazunto·2024-01-12 12:32

JVxeTable插入行和合并单元格

JVxeTable实践第一章插入行和合并单元格应用vue3.0文章目录JVxeTable实践前言一、实现目标二、代码实现1.JvxeTable标签2.实现方法前言JvxeTable是在JEECGBOOT
哈哈哈iiiiii·2024-01-12 11:50

JVxetable自定义组件（vue3.0）

文章目录一、参考链接二、代码实现1.引入库一、参考链接https://www.jianshu.com/p/f4668a0da259二、代码实现1.引入库代码如下（示例）以颜色选择器组件为例：import{defineComponent,ref}from'vue';import{JVxeComponent,JVxeTypes}from'/@/components/jeecg/JVxeTable/ty
哈哈哈iiiiii·2024-01-12 11:50

Vue3 的基本开发+新特性

Vue31.Vue31.Vue2选项式APIvsVue3组合式APIexportdefault{ data(){  return{   count:0 }}, methods:{  addCount()
m0_58462450·2024-01-12 10:24

Vue3项目目录结构以及变化 一图看懂

通过createvue创建vue项目后的基本框架如下整体变化Vite.config.jsVue项目的配置信息，如：端口号等Package.json项目配置文件，包括项目名，版本号，依赖包，版本等package-lock.json项目配置文件（不需要修改）index.html默认首页node_modules下载的第三方包存放目录public公告资源Src后面百分之90的代码都是在这写assets静态
m0_58462450·2024-01-12 10:23

使用Vite创建vue3工程

介绍使用Vite构建工具，创建Vue3工程示例第一步：执行创建项目的命令，study-front-vue3是项目名称npminitvite-appstudy-front-vue3第二步：进入项目文件夹，
牧小七·2024-01-12 10:52

一个完整的流程表单流转

1.写在前面一个完整的流程表单审批（起表单-->各环节审批-->回退-->重新审批-->完成），前端由Vue2+js+ElementUI升级为Vue3+ts+ElementPlus，后端流程框架使用Flowable
honor_zhang·2024-01-12 10:19

【Vue3】响应式原理

【Vue3】响应式原理一、问题什么是数据响应式？vue2使用Object.defineProperty实现响应式？
wyc_ok·2024-01-12 10:28

Vue3 多语言

Vue3多语言1.下载依赖2.配置文件目录3.编写代码3.1js版本3.2ts版本：4.修改$t为t1.下载依赖#npm#npminstallvue-i18n@9-S#yarnyarnaddvue-i18n
wyc_ok·2024-01-12 09:58

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

ChatGPT4.0国内站点，支持GPT4Vision视觉模型：海鲸AI在Vue中，v-model是一个语法糖，用于在输入框、选择框等表单元素上创建双向数据绑定。当你在自定义组件中实现v-model功能时，你需要理解它背后的原理：v-model实际上是一个属性和一个事件的简写。在Vue2.x中，v-model默认会利用名为value的prop和名为input的事件来更新变量。如果你想在自定义组件中
海鲸AI·2024-01-12 09:51

Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案

在Vue3中，$listeners被删除子组件代码，需要特别注意的是事件名为on开头，例如onBack。
Dreamy_lin·2024-01-12 09:50

vue3的getCurrentInstance获取组件实例踩坑记录

getCurrentInstance基本用法我们可以通过getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中，可以通过this来获取当前组件实例；Vue3
时清云·2024-01-12 09:43

Vue中 keep-alive的实现原理分析

这里以vue3为例整个组件的源码为：constKeepAliveImpl={name:`KeepAlive`,//Markerforspecialhandlingi
时清云·2024-01-12 09:42

【Vue3】2-10 : 表单处理与双向数据绑定原理

本书目录：点击进入一、表单处理1.1、【双向绑定】实现方式一：v-model＞代码＞效果1.2、【双向绑定】实现方式二：:value属性+input事件＞代码＞效果(同上)二、实战2.1【v-model示例】输入框＞代码+效果（见1.1）2.2【v-model示例】单选框＞代码＞效果2.3【v-model示例】复选框＞代码＞效果2.4【v-model示例】下拉菜单＞代码＞效果一、表单处理收集表单数
ladymorgana·2024-01-12 09:39

vue3+ts+vite+elementPlus后台管理系统学习总结01

vue3+ts+vite+elementPlus后台管理系统学习总结01一：运行源代码一：按照博客一步步操作1.ts中引入path模块出错：Cannotfindmodule'path'oritscorrespondingtypedeclarations
万物可爱_85·2024-01-12 08:40
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他