- 博客(12)
- 收藏
- 关注
转载 vue3 如何保证pinia刷新数据不丢失
原文链接:https://blog.youkuaiyun.com/small_sapling/article/details/135390523。使用pinia-plugin-persistedstate插件前需先安装pinia插件并导入。pinia数据持久化(pinia-plugin-persistedstate)插件使用。在mian.ts中导入pinia-plugin-persistedstate插件。// 定义保存数据的对象。// 导入pinia中存储的对象。// 使用pinia保存用户信息。
2024-04-28 10:13:42
473
原创 vue全家桶面试题
什么是MVVM吗?说一下MVC的理解?MVVM和MVC的区别?用Vue实现样式绑定,可以用class或者内联样式,最少写出2个?vue的生命周期?Vue中组件生命周期调用顺序说一下?第一次页面加载会触发哪几个钩子?Vue 组件 data 为什么必须是函数?Virtual DOM(虚拟DOM)是什么?DOM渲染在哪个周期中就已经完成?说一下虚拟Dom以及key属性的作用?Computed和Watch?keep-alive 使用场景和原理?vue 优点?组件之间的传值?
2023-06-27 13:53:36
195
转载 Vue事件总线(EventBus)使用详细介绍
来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。假设你有两个Vue页面需要通信: A 和 B ,A页面 在按钮上面绑定了点击事件,发送一则消息,想=通知 B页面。,接下来你需要做到的就是在你的组件中加载它,并且调用同一个方法,就如你在父子组件中互相传递消息一样。的使用方法,是不是很简单。
2023-06-21 16:56:46
329
转载 vue 组件通讯的方式
props和$emit$emit和$on$parent和$childrenref$attrs和$listeners$parent$rooteventBusvuexeventBusprovide和injectvuexprops和$emit父组件向子组件传值成功总结一下:子组件在props中创建一个属性,用以接收父组件传过来的值父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性总结一下:父组件中注册子组件。
2023-06-21 16:56:16
107
转载 vue-Router 常见面试题
声明式router-link:该方式是通过 router-link 组件的 to 属性实现,不过使用该方式传值的时候,需要子路由提前配置好路由别名。传参方式可划分为params 传参 和query传参,而params传参可以分为在url地址栏当中显示参数和不显示参数两种方式。编程式 this.$router.push:使用该方式传值的时候,同样需要子路由提前配置好路由别名(name 属性)声明式router-link:该方式是通过router-link组件的to属性实现,子路由需要提前配置好参数。
2023-06-20 14:32:49
2421
转载 vue子组件怎么调用父组件的方法
方法:1、子组件中通过“this.$parent.event”来调用父组件的方法。2、子组件用“$emit”向父组件触发一个事件,父组件监听这个事件即可。3、父组件把方法传入子组件中,在子组件里直接调用这个方法即可。本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。是直接在子组件中通过this.$parent.event来调用父组件的方法。是父组件把方法传入子组件中,在子组件里直接调用这个方法。向父组件触发一个事件,父组件监听这个事件就行了。
2023-06-20 11:46:29
1572
转载 实现excel 表格导出
1、安装第三方包 npm install vue-json-excel --save。在setBank.vue 文件中的代码如下。方法一:后端配合,通过调接口导出。2、在main.js中引入。3、在.vue文件中使用。
2023-03-28 10:51:44
295
原创 el-upload限制只上传一张图片并隐藏右侧的上传区域
使用 element UI 中的el-upload 如何限制上传一张图片后隐藏右侧的上传区域
2023-01-12 14:04:14
2484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人