- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue3中mitt的使用
mitt只有200字节大小作为js的一款轻量级、简单、强大的事件总线库，vue3中使用它可以实现跨组件通信，支持全部事件的监听和批量移除，它也不依赖 Vue 实例，可以跨框架（如：react等)使用。（4）：all：有clear属性，直接调用clear()属性可以解绑全部事件。这些方法使得我们可以更加灵活的控制事件行为，更好的实现项目需求。（2）：emit()：用来触发事件。（1）：on()：用来绑定事件。（3）：off()：用来解绑事件。4：要接收值的组件中。
2024-10-30 01:27:23
665
1
原创 vue3中使用defineProps() 和 defineEmits()实现组件通信
vue3中使用defineProps() 和 defineEmits()实现组件通信
2024-10-21 12:19:24
227
原创 pinia在vue中的使用
5：Pinia的数据持久化可以使用插件pinia-plugin-persistedstate来实现。2：Pinia已经不需要mutation,其中的action支持同步也支持异步。pinia在vue2和vue3中都可以使用，vue3中的主要使用如下。4：Pinia产生的Store使用storeToRefs保持响应式。1：Pinia作为新一代的状态管理工具可以替代vuex。3：Pinia使用computed计算属性函数。3：在 counter 文件中。2：在main.js中引入。4：pinia持久化。
2024-09-25 18:03:55
664
原创 vue组件传值的三种方式
一：父组件给子组件传值1：这是父组件页面把actionNum数组内容传递给子页面，这里由于父组件加载的原因我们使用v-if<template> <div class="home"> <p @click="getMessage">点我把数据传递给子组件</p> <child-view v-if="showChild" v-bind:transmit="actionNum"></child-...
2022-03-14 16:54:23
1975
原创 vue中的关于返回二进制图片的处理
前端的请求接口：$get("_api/file/download/singleFileInfo/"+this.fildId).then((res) =>{//发布文章列表console.log("=====",res)});});后端传过来的数据格式这时候直接用元素img里面的src属性解决：<img class="detailImg" :src="'_api/file/download/singleFileInfo/' +fildId">fildId放
2022-01-22 20:04:14
838
原创 vue鼠标右击事件
在模板中：<li v-for="(item,index) in columnList" :key="index" @contextmenu.prevent="rightClick"><router-link :to="item.path">{{item.name}}</router-link></li>在script中：methods:{ rightClick(){ console...
2022-01-15 13:11:20
559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人