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

Ansible框架、安装和简单使用

什么是Ansibleansible是一种自动化运维工具,基于paramiko开发的,并且基于模块化工作，Ansible是一种集成IT系统的配置管理、应用部署、执行特定任务的开源平台，它是基于python语言，由Paramiko和PyYAML两个关键模块构建。集合了众多运维工具的优点，实现了批量系统配置、批量程序部署、批量运行命令等功能.ansible是基于模块工作的,本身没有批量部署的能力.真正具
阿业的学习之路·2024-01-02 03:17

Vue2中百度地图API的使用

1，前言记录一下Vue2项目中，百度地图API的简单使用。2，申请账号，获取key需要先申请百度账号，然后登陆百度地图开放平台：https://lbsyun.baidu.com/index.php?
鹏多多·2024-01-02 02:56

Vue3 的 emit 该怎么写， vue2 对比

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

lombok@Builder忽略属性默认值 坑点

1，简单使用他这个@Builder注解，相比之前的编辑器自动生成的gettersetter的优点在哪呢？
XYLANCC·2024-01-02 01:51

详解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

python连接Mysql数据库并使用pyEcharts绘图

二、使用步骤1.pip安装2.引入3.简单使用三、python连接Mysql数据库四、使用pyEcharts绘图五、绘制一张地图一、pyEcharts是什么？
我要回月球·2024-01-01 22:08

【基于openGauss5.0.0简单使用DBMind】

基于openGauss5.0.0简单使用DBMind一、环境说明二、初始化tpch测试数据三、使用DBMind索引推荐功能四、使用DBMind实现SQL优化功能一、环境说明虚拟机：virtualbox操作系统
若兰幽竹·2024-01-01 21:28

React Hooks 的简单使用

先了解一下类组件和函数组件react的特点就是：一切皆为组件。其中，组件种类有很多，不同种类的组件有不同的功能。我们熟知的组件种类：函数组件、类组件、受控组件、非受控组件、ui组件、容器组件、高阶组件等。我们先介绍一下类组件和函数组件，让我们清楚为什么会有hooks类组件其中，我们最熟悉的类组件，也就是有状态组件，是这个样子的：importReact,{Component}from'react'e
鹤仔z·2024-01-01 21:02

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

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

企业中搭建linux测试环境,Linux测试环境简单使用教程

0.本blog简单说明一下Linux测试环境尤其是CentOS测试环境的开发测试使用,教程可能不会很长,主要是入门.0.1Linux简介:Linux的历史基本上不用阐述,linus作为自己的兴趣爱好进行编码实现的一种开源的操作系统.Linux很好的切合了GNU里面一直没有可用的开源操作系统的窘境,所以Linux+GNU结合实现了开源操作系统以及工具的大发展.大部分linux的工具其实都是GNU来实
weixin_39839478·2024-01-01 21:49

【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

IDEA插件——EasyCode生成MyBatisPlus相关代码

插件下载安装二、EasyCode模板修改三、EasyCode与MyBatisPlus使用生成service四、模板调试后续敬请期待前言EasyCode，IDEA的强大自动生成代码的插件，方便实用，下面是下载安装及简单使用一
千Deng·2024-01-01 18:55

新手小白：一文带你用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

JSON 详解

文章目录JSON的由来JSON的基本语法JSON的序列化简单使用stringify方法之replacerstringify方法之replacer参数传入回调函数stringify方法之spacestringify
劫辞·2024-01-01 14:45

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
上一页 109 110 111 112 113 114 115 116 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他