Vue3状态管理

vue3子组件弹框修改完数据，更新父组件表格（子传父）

当子组件修改完参数，父组件里的表格并不会主动更新，可以向父组件发送一个修改完成信号，当父组件接收到时，更新表格。father.vue//接受参数constclickEven=(val)=>{if(val.content=='transmission'){//getData()//重新获取一遍数据}}son.vueimport{defineEmits}from'vue';//发送信息(当修改完成时，
hahahah_lv·2024-01-02 16:53

vue3里的路由配置

1.去掉去掉网址里的"/#"constrouter=createRouter({history:createWebHistory(),//createWebHistory可去掉网址里的"/#"routes,})2.给网页命名网页标题和meta配合，全局前置守卫：任何页面的访问都要经过这里meta:{title:'预约查询'},//to：要去哪里的路由信息，from：从哪里来的路由信息，next：通
hahahah_lv·2024-01-02 16:53

vue3里的axios（get,post）

/App.vue'importaxiosfrom'axios'//挂载全局变量constapp=createApp(App)//建立一个vue3appapp.config.globalProperties
hahahah_lv·2024-01-02 16:53

vue实现别人通过IP访问自己运行的项目

vue2.0在config/index.js文件中host改为本机IP地址在package.json文件中，修改scripts中devvue2.pngimage.pngvue3.0在vue.config.js
G_Myy·2024-01-02 16:52

开源！一键制作春节头像

今天给大家分享一个开源免费的头像定制软件，该项目是基于vue3、typescript、ElementUI、fabric.js的一款定制头像工具。当前版本为2.0。
White-Legend·2024-01-02 14:38

vue3+typescript项目中读取window对象中属性报错

问题在vue3+ts开发的项目中，获取挂载在window对象上的属性a报错image.png解决方法使用类型断言缺点：在any类型的变量上，访问任何属性都是允许的。
俄小发·2024-01-02 13:27

手动封装面包屑组件（Vue3）

Bread和BreadItem都是单独封装的全局组件，之后哪里需要面包屑哪里直接使用exportdefault{name:'Bread',render(){//Vue2中h函数是render的形参//Vue3
沃德麻鸭·2024-01-02 12:35

/deep/和>>>和::v-deep

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
_皓月__·2024-01-02 11:04

Vue3中ref和reactive的区别

ref既可以实现基本类型的响应式也可以实现对象或者数组类型的响应式，但是需要在变量后加一个value来修改对应的值才可以生效reactive只能用来实现对象或者数组等类型的响应式，且如果对整个对应进行重新赋值，则响应式会失效，可以通过Object.assign(）来实现响应式，具体如下letgg=reactive({address:'山西'})functionupdategg(){//响应式不生效
EntyIU·2024-01-02 10:40

安装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

ArkTS基础学习笔记

描述创建组件配置属性配置事件配置子组件自定义组件自定义组件的基本结构自定义组件通用样式生命周期@Builder装饰器：自定义构建函数装饰器使用说明@BuilderParam装饰器：引用@Builder函数状态管理渲染控制资源访
Glubin·2024-01-02 00:03

Android | Compose状态管理

前言应用中的状态指的是可以随时间变化的任何值。这个定义非常广泛，例如从数据库到类的变量，页面上显示的提示信息等。状态和组合由于Compose是声明式工具集，因此更新它的唯一方法是通新参数调用同一可组合项。这些参数是界面状态表现形式。每当状态更新时，都会发生重组。可组合项中的状态可组合函数可以使用remember可组合项记住单个对象。系统会在初始组合期间将由remember计算的值存储在组合中，并在
Tʀᴜsᴛ³⁴⁵·2024-01-02 00:51

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

AutoSAR（基础入门篇）4.5-Autosar_BSW的Mode Management功能

EcuM(ModeManagement功能)一、Autosar_BSW的ModeManagement功能1、ModeManagement组件图2、架构与术语解释二、ECU状态管理器规范
ManGo CHEN·2024-01-01 22:42

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

vue怎么跨页面传参

在Vue中，可以使用路由参数和路由状态管理来实现跨页面传参。下面分别介绍这两种方法：1、路由传参在VueRouter中，可以通过路由参数来传递数据。
嘘~！·2024-01-01 13:19
上一页 61 62 63 64 65 66 67 68 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他