• 基于Vue CSR的微前端实现方案实践
• 在这里就不讲微前端的各种优缺点，直接假设你在负责一个中后台管理系统的开发，所有的业务模块全部都在一个项目中打包，随着业务量的不断增长，编译越来越慢，你期望可以从老的项目中将新的业务进行独立开发、独立部署，以微应用的形式嵌入到老项目中。本篇文章的受众是那些希望在新老的项目中，在不需要你对老项目进行改动...
• 日期：2023-01-18
• 浏览：24
• 标签： Vue

---

• 基于VUE实现判断设备是PC还是移动端
• 实际开发工作中会经常遇到一个需求，就是判断当前登录网页的设备是PC还是移动，要求PC端和移动端显示的是不同的网页内容。那么我们就需要对当前登录设备进行判断。使用 navigator.userAgent 字符串检测我是在PC端开发完接到要做移动端的需求，而且移动端只有一个页面，我就统一放在了一个文件夹...
• 日期：2023-01-09
• 浏览：9
• 标签： Vue

---

• vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
• 在项目中做联系人的添加和编辑功能，点击父级页面的添加和编辑按钮，用的是同一个表单弹窗，数据添加和编辑用同一个弹窗，没有在弹窗使用v-if，性能不是很好，弹窗中有表单，在编辑弹窗表单数据之后关闭弹窗，然后点击添加的时候，弹窗里的表单数据还是之前编辑的数据，无法做到清空表单数据，接下来是解决方法了，嘿嘿...
• 日期：2022-12-18
• 浏览：260
• 标签： Vue

---

• Vue如何跨组件传递Slot的实现
• 在开发过程中遇到这样一个问题，如何跨组件传递插槽。因为在开发类似树组件的过程中，插槽需要通过外部传递到树的根节点，然后通过根节点依次传递到各个叶子节点。那么如何把根节点的Slot如传递给子组件呢?我们在开发过程中，希望可以这样实现重新定义叶子节点的结构：<data-tree> &...
• 日期：2022-10-19
• 浏览：167
• 标签： Vue

---

---

• Vue单页面应用中实现Markdown渲染
• 之前渲染 Markdown 的时候, 笔者使用的是 mavonEditor 的预览模式, 使用起来比较爽, 只需要引入组件即可, 但是在最近的开发中, 遇到了困难.主要问题在于作为单页面应用, 站内链接必须是使用 router-link 跳转, 如果使用 mavonEditor 默认渲染的 a 标签...
• 日期：2022-10-05
• 浏览：185
• 标签： Vue

---

• vue-drag-chart 拖动/缩放图表组件的实例代码
• vue-drag-chart一个可以拖动 / 缩放的图表组件使用npm i vue-drag-chart --saveimport VueDragChart from '../src/vue-drag-chart/index.vue'; components: { //注册插件 VueDragCha...
• 日期：2023-01-27
• 浏览：269
• 标签： Vue

---

• Vue props中Object和Array设置默认值操作
• 我就废话不多说，看代码吧~seller: { type: Object, default() { return {} }}seller: { type: Object, default: function () { return {} }}当父组件没有传这个值或者值是空时，输出的...
• 日期：2022-12-22
• 浏览：8
• 标签： Vue

---

• 解决vue+elementui项目打包后样式变化问题
• 博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎，找到了问题所在以及解决办法：main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入...
• 日期：2022-12-19
• 浏览：219
• 标签： Vue

---

• vue 扩展现有组件的操作
• 1. 使用vue.mixin全局混入混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。mixins 选项接受一个混合对象的数组。混入的主要用途1、在你已经写好了构造器后，需要增...
• 日期：2022-12-06
• 浏览：194
• 标签： Vue

---

• Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
• 网上很多博客说监听窗口关闭事件使用window.beforeunload,但是这个监听事件也会在页面刷新的时候执行，经过百度和自己的实际测试，终于解决了这个问题，代码如下：mounted() { window.addEventListener(’beforeunload’, e => th...
• 日期：2022-12-01
• 浏览：198
• 标签： Vue

---