我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件，想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的，其实实际背后生效的是vue-loader和@vitejsplugin-vue。本文以 …
最新内容
产品原型对于每一个产品经理而言，都有着至关重要的作用。作者结合实际经验，将从原型设计角度出发，主要阐述如何设计产品原型图，产品原型图包括哪些部分以及设计组件库搭建这几个方面阐述，希望对你有所帮助。前几篇文章从B端产品的业务梳理、业务及流程设计角度出发，为大家分析了在设计产品之前的一些基础工作，这些准备做好后我们原型设计也会相对来说更加顺畅与清晰。本篇文章将从 …
项目名称：AJ-Report项目作者：anji-plus开源许可协议：Apache-2.0项目地址：https:gitee.comanji-plusreport项目简介大屏设计（AJ-Report）是一个可视化拖拽编辑的全开源项目，直观，酷炫，让你轻松制作出具有科技感的大屏图表。项目截图数据流程图技术栈后端Spring Boot2.3.5.RELEASE: …
这是 Vue3 + Vite + Pinia +TS + Element-Plus 实战系列文档。最近比较忙没什么时间写文章，争取早日把这个系列完结吧~生命周期和模板引用在本章之前，我们通过响应式 api 和声明式渲染，处理了 DOM 的更新，但光是这些，对于一些复杂的需要手动操作 DOM 的情况，之前介绍的就无法满足了。生命周期每个 Vue 组件在创建时经 …
登录流程分析路由处理逻辑分析路由逻辑图路由处理逻辑图如下：路由场景分析中后台路由常见的常见如下：已获取 Token：访问 login：重定向到 访问 login?redirect=xxx：重定向到 xxx访问 login 以外的路由：直接访问 xxx未获取 Token：访问 login：直接访问 login访问 login 以外的路由：如访问 dashboa …
本文主要分析 Vue 从 Data 更新，到通知 Watcher 异步更新视图的流程，也就是下图中的橙色部分。我们先来回顾一下图中的几个对象：Data 对象：Vue 中的 data 方法中返回的对象。Dep 对象：每一个 Data 属性都会创建一个 Dep，用来搜集所有使用到这个 Data 的 Watcher 对象。Watcher 对象：主要用于渲染 DOM …
真正的大师,永远都怀着一颗学徒的心！一、项目简介一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue. 三步就可以配置一个报表展示大屏。 数据流程图 第一步：配置我们需要的数据源，也就是连接一个数据库，mysql，oracle，SqlServer等等； 第二步：选择数据源，选择编码方式，数据集名称，数据集，然后写一下sql语句 …
基于VUE+ElementUI+JsPlumb的流程设计器，通过 vuedraggable 插件来实现节点拖拽。支持拖拽添加节点点击线进行设置条件支持给定数据加载流程图支持画布拖拽支持连线样式、锚点、类型自定义覆盖【源码】获取源码关注后私信回复“流程设计器” …
利用Vue开发页面过程当中, 页面组件化是必备的技巧之一。但是由于各种原因，子组件的数据需要来源于父页面加载完之后，父页面才能把参数传给子页面，例如，我们常见的一个工作流审批页面：表单数据项的展现，是根据工作流的ID，动态展现出来的，也就是说，当父组件的组件生命周期执行完，子组件才会获得对应的数据。如果不加任何限制，子组件生命周期是和父组件一起完成的。一个完 …
前言最近有粉丝找到我，说被面试官给问懵了。粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会问vue响应式原理和diff算法，结果面试官不讲武德问了我“那render …