vue2&vue3

安装vue,使用idea运行vue3

vue学习笔记-安装vue,使用idea运行vue31.安装node.js1.https://nodejs.org/zh-cn/，点击长期支持版进行下载2.win+R输入cmd,输入node-v和npm-v
G_G_B·2024-01-02 10:25

【web】vue 播放后端（flask）发送的 mp3 文件

文章目录演示后端（flask）前端（vue3）说明演示后端（flask）后端返回的是mp3文件的url，是可以直接在浏览器上打开后播放的处理跨域请求pipinstallflask-corsfromflaskimportFlask
灯笼只能来教室体验生活·2024-01-02 10:24

通过url 下载文件

vue3.0项目中fileUpload.ts添加下载代码exportconstdownload=(url,fileName='')=>{constxhr=newXMLHttpRequest();xhr.open
Joan_King_·2024-01-02 10:54

Vue3 用户认证：如何检查用户是否已登录

在Vue3中，检查用户是否登录通常涉及到以下几个步骤：状态管理：在客户端存储用户的登录状态，可以使用Vuex、Pinia或者组件的本
诸葛妙计·2024-01-02 08:01

内置指令(v-if/v-else-if/v-else/v-show)、双向绑定、侦听器、生命周期

、内置指令(v-if/v-else-if/v-else/v-show)内置指令v-ifv-else-ifv-elsev-showv-oncev-bindv-model二、双向绑定三、侦听器四、生命周期Vue3Vue2
Vincent_Vang·2024-01-02 07:42

Vue3使用事件总线（Event Bus）实现发布订阅模式

Vue3使用事件总线（EventBus）实现发布订阅模式在Vue.js中，订阅发布模式（也称为发布-订阅模式或Pub/Sub模式）是一种设计模式，用于促进组件或对象之间的松散耦合。
正宗咸豆花·2024-01-02 04:29

vue3-13

token可以是后端api的访问依据，一般绝大多数时候，前端要访问后端的api,后端都要求前端请求需要携带一个有效的token,这个token用于用户的身份校验，通过了校验，后端才会向前端返回数据，进行相应的操作，如果没有通过校验，后端则做其他处理。之前后端代码并没有对前端请求进行token校验，之前的后端src/main/resources/application.properties的文件sp
敲代码的翠花·2024-01-02 04:39

vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function

问题如下图，在component组件上添加v-if判断，会报错:parentcomponent.ctx.deactivateisnotafunction解决方法去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key
少油少盐不要辣·2024-01-02 03:33

defineprops() must be a literal type or a reference to an interface or literal type

1.vue3打包遇到如下问题2.分析vue3defineProps不支持使用外部导入的类型，会报错。3.解决方法就是直接在脚本标签区域写类型声明，然后引用即可。
少油少盐不要辣·2024-01-02 03:02

Vue3 的 emit 该怎么写， vue2 对比

Vue3的emit该怎么写，vue2对比这是个新手问题，从vue2转到vue3之后，一时间不知道该怎么用它了。
十月ooOO·2024-01-02 02:26

详解Vue3中的鼠标事件mousemove、mouseover和mouseout

本文主要介绍Vue3中的常见鼠标事件mousemove、mouseover和mouseout。
专业研究祖传Bug编写术·2024-01-02 00:12

详解Vue3中的鼠标事件mousedown、mouseup和contextmenu

本文主要介绍Vue3中的常见鼠标事件mousedown、mouseup和contextmenu。
专业研究祖传Bug编写术·2024-01-02 00:11

vue3 element plus el-table封装（一）

highlight:a11y-dark本文是对el-table的基本封装，很常规的操作，主要是对列的封装，可以根据列配置数组进行渲染，后续会追加分页,列分类格式化等扩展封装方式一（props传递，Attributes继承）//BaseTable.vuedefineProps({config:{type:Object,default:()=>({})}})//index.vue{{row.btn}}
无心使然云中漫步·2024-01-02 00:16

vue3结合element-plus封装table列表组件

效果如下:ok,开始代码，逻辑肯定是公共部分写死，不一样的地方用插槽来完成table.vue{{title}}{{scope.row[propItem.prop]}}import{defineComponent}from'vue'exportdefaultdefineComponent({props:{title:{type:String,default:''},listData:{type:Ar
进阶的巨人001·2024-01-02 00:16

vue3 | el-table表格二次封装

需求1.统一样式，通过slot插槽而非json配置项的形式，来兼容原有table的template写法，方便改造2.列的显示隐藏控制，默认根据接口数据是否有返回绑定prop对应的字段，来实现列的权限控制显隐，也可通过外部传tableHeader来自行控制3.合并分页器myTable.vue标签名替换为即可,v-loading指令需改为:loading绑定，其他所有属性方法的绑定和使用都和eleme
ydongabc·2024-01-02 00:46

vue3 element plus el-table封装（二）

上文是对el-table的基本封装，只能满足最简单的应用，本文主要是在上文的基础上增加slot插槽，并且对col插槽进行拓展，增加通用性//BaseTable.vueconstslots=useSlots();consttableSlots=computed(()=>{//原生el-table插槽只有default,append,empty//原生el-table-column插槽只有table插
无心使然云中漫步·2024-01-02 00:12

Vue3.4正式发布，更快、更强、更好用

Vue3.4正式发布，更快、更强、更好用！12月28日，Vue3.4正式发布，代号为“SlamDunk”，即灌篮高手。这个版本进行了许多重要的内部改进，其中最引人瞩目的是重写的模板解析器。
诸葛亮的芭蕉扇·2024-01-01 21:22

【vue3.0】14.0 某东到家（十四）——购物车

目前页面如下：image.png新建组件src\views\shop\Cart.vue:1总计：¥128去结算import{ref}from'vue'exportdefault{name:'OrderConfirmation',setup(){consta=ref(0)return{a}}}.cart{position:absolute;left:0;right:0;bottom:0;he
bobokaka·2024-01-01 21:59

Vue3 高级语法以及自定义组件

文章目录1.render函数1.1h函数1.1.1h()函数的基本使用1.1.2h()函数中组件与插槽的使用1.2jsx语法糖1.2.1jsx的配置(旧版本)1.2.2jsx计数器案例1.2.3jsx组件的使用2.指令的生命周期3.自定义组件3.1自定义组件元素挂载完成后可以自定获取焦点3.2指令的参数和修饰符3.3自定义指令实现时间的转换4.Vue插件4.1插件的编写方式5.Teleport的使
ik i5·2024-01-01 21:59

vue3笔记：自定义组件

自定义组件，举个:1、封装自定义组件CustomList.vueimporttype{IDataItem}from"../type/customlist";//IProps不能直接从外部导入，当前会报错，以后可能会支持（有人提了issue）exportinterfaceIProps{title?:string;data:Array;}import{onMounted}from"vue";//声明一
是烤面包片呀？·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是
闲来无事垂钓·2024-01-01 21:58

vue3自定义组件

vue3自定义组件1.在components文件夹创建一个组件组件名Component内容这是我的组件exportdefault{name:'component',}2.在app.vue中使用组件//导入组件
weixin_45099012·2024-01-01 21:58

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。
一方通行00·2024-01-01 21:27

新手小白：一文带你用vite从零搭建企业级开发环境

    在这工作的半年时间里，开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多
九号新秀·2024-01-01 17:09

一文看懂vue2与vue3的区别

vue2和vue3的区别前言vue2和vu3的区别，一直以来是面试必考题目，如何回答，回答的层次决定了面试者的对于vue2，3的理解，以及对于vue3目前稳定版本发展的方向的了解，即考察使用程度，又考察了学习能力
苦逼的猿宝·2024-01-01 17:03

Vue3使用codemirror

Vue3使用codemirror设计说明后端接口的问题项目下载设计说明本意是打算搭建一个在线的代码运行编写平台，方便随时可以在手机上也测试一些简单的代码；在集成这个插件的时候遇到了不少问题，主要是插件依赖的下载
bingbingyihao·2024-01-01 16:10

Vue的可伸缩后台导航菜单

Vue的可伸缩后台导航菜单文章说明源码效果展示文章说明采用Vue3+iconfont编写了一个简单的可伸缩后台导航菜单的基本框架，在动画方面效果一直加不好，就索性不加动画了；然后主题颜色也并不好调，就直接调了一个简单的颜色
bingbingyihao·2024-01-01 16:10

Vue3 Composition API

#Vue3快速上手##1.Vue3简介-2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）-耗时2年多、[2600+次提交](https://github.com/vuejs
掌趣·2024-01-01 16:34

Vue3 Composition API

CompositionAPI1.CompositionAPI接下来我们来介绍一下Vue3中新增的CompositionAPI如何使用。
5coder·2024-01-01 16:04

深入理解Vue.js 3的Reactive方法

reactive是Vue3的Comp
liwp_Stephen·2024-01-01 16:33

探索Vue.js的Composition API：构建更清晰、可维护的组件

Vue.js一直以其简洁和灵活著称，而Vue3的推出标志着这个框架在组件设计思想上的一次重大进步。
liwp_Stephen·2024-01-01 16:02

Vue3.0+TS整合codemirror

1.安装codemirrornpminstallvue-codemirror--save2.版本号"codemirror":"^5.65.2",3.编写组件例：mirrorTextArea.vue（组件名称,具体名称以各自项目规范为准）//引入全局实例import_CodeMirrorfrom"codemirror/lib/codemirror.js";//核心样式import"codemirro
敲飞键盘·2024-01-01 14:03

vue3.0在线编辑器codemirror开发

使用codemirror封装codeEditor.vue组件//引入全局实例import_CodeMirrorfrom'codemirror/lib/codemirror'//核心样式import'codemirror/lib/codemirror.css'//引入主题后还需要在options中指定主题才会生效//需要引入具体的语法高亮库才会有对应的语法高亮效果,目前已动态引入//import'c
|恰同学少年|·2024-01-01 14:03

CodeMirror编辑器使用方式ts+vue3

1.安装插件"@codemirror/view":"^6.9.0","vue-codemirror6":"^1.1.11","codemirror":"^6.0.1",2.vue页面代码2.js代码import{ref,typeRef}from"vue";importCodeMirrorfrom"vue-codemirror6";import{Decoration,typeDecorationSe
weixin_45685394·2024-01-01 14:03

vue3插件：ace-builds封装ace-editor

安装包npminstallace-builds--save-dev//引入ace报错需要安装npminstallvue-loader-v16-D封装文件ace-editor相关文档参考webpack环境必备：import"ace-builds/webpack-resolver";非webpack环境不需要引入import{watch,onMounted,onBeforeUnmount,ref}fr
墨迹斑斑的老墙·2024-01-01 14:32

codemirror封装，可以像textareay进行高度调节

defineComponent,ref,onMounted,onUpdated,watch,nextTick,computed}from'vue'importCodemirrorfrom'codemirror-editor-vue3
米儿web·2024-01-01 14:02

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01

Vue3 + TS 关于如何将组件进行挂载body 例如：$message / $notify - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解关于messgae和notification的组件内容我就不贴出来了。若想要的就直接加群获取吧。使用方式this.$message({message:"这个是$message",});this.$notify({message:"这个是$notify",});效果图fileName:main.tsimport{cre
戴向天·2024-01-01 13:45

Vue3 + TS Scrollbar组件 - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解import{computed,defineComponent,getCurrentScope,nextTick,onBeforeUnmount,onMounted,ref,toRaw}from"vue";interfaceIScrollbar{native?:boolean;noResize?:boolean;}/
戴向天·2024-01-01 13:45

Vue2 & Vue3 二次封装element-ui Steps组件

前言组件封装的初尝试，基本是调element-ui，没有什么含金量，附一些对组件封装的概念和理解这里封装element-uiSteps组件，并重写某些css样式代码exportdefault{name:"Process",props:{currentStep:{type:Number,default:0,},stepsArr:{type:Array,default:()=>[],},},};.pr
sayoriqwq·2024-01-01 13:13

gitee上的vue大屏项目

在Gitee上，有几个值得注意的Vue大屏项目：vue-big-screen-plugin(Gitee):这是一个基于Vue3、Typescript、DataV和ECharts5框架的可视化大屏项目。
翱翔-蓝天·2024-01-01 10:17

vue3框架笔记

Vue3的API可以向下兼容2，Vue3中新增了很多新的写法。我们课程主要以Vue3为主官网我们学习Vue需要转变思想，以后不再需要自己操作dom元素，我们只需要改变数据，然后dom元素会自动更新。
光影少年·2024-01-01 09:52

Vue-Setup

一、setup概述小小提示：vue3中可以写多个根标签。
夏天的冬雪·2024-01-01 08:35

详解Vue3中的鼠标事件click和dblclick

本文主要介绍Vue3中的常见鼠标事件。
专业研究祖传Bug编写术·2024-01-01 08:06

vue3 关于子组件给父组件传值，详解

关于vue3其他功能暂不说明。主要针对父子传值问题!
qq_42503333·2024-01-01 07:48

vue3-12

需求是用户如果登录了，可以访问主页，如果没有登录，则不能访问主页，随后跳转到登录界面，让用户登录实现思路，在用户登录之前做一个检查，如果登录了，则token是存在的，则放行，如果没有token，则不能访问主页，随后跳转到登录界面，让用户登录在src\router\a6router.ts中编写代码//在每次路由跳转之前都会执行beforeEach里面的箭头函数,to代表要跳转的目标路由对象,from
敲代码的翠花·2024-01-01 06:30

vue2与vue3数组的区别

Vue2.x和Vue3.x在数组方面有一些不同之处，主要涉及到Vue3.x中对响应式系统的改进。
蛋黄派i·2024-01-01 06:43

vue3实现vfor里面的动态ref

vue3里面$refs已经不支持了，现在需要在tab下面实现这种ref获取组件实例的需求，官网给出的方案，需要vue的版本在3.2.25，默默的看看下自己的版本在3.2.20欲哭无泪，尝试了好久，找到了解决方案
风清云淡_A·2024-01-01 05:22

vue3 组件之间传值

vue3组件之间传值非常好，为啥突然开这样一篇博文，首先是因为vue3是未来发展的趋势。
我是ed.·2024-01-01 05:12

Vue3+Echarts（柱状图）：点击不同的按钮可以切换不同年份的数据

一、需求在Vue3项目中，绘制一个柱状图：柱状图会展示某一年里四个季度的销售额提供2个按钮选项，点击不同的按钮可以切换到不同年份的销售额，这里的年份指2022年以及2023年目标效果如下：默认展示的是2023
十八只兔·2024-01-01 03:24
上一页 95 96 97 98 99 100 101 102 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他