前言要学习Vuex就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题。Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Stat …
vue tree
介绍Naive UI是一个基于Typescript开发的针对Vue3开发的UI组件库，由TuSimple（图森未来）公司开发并开源，下面是组件文档针对Naive UI的一句话描述：一个 Vue 3 组件库 比较完整，主题可调，使用 TypeScript，不算太慢 有点意思！Naive UI的一些特点组件完整组件库相对完整，有大约70个组件，能帮你节省不少时间 …
Vue3开源的Tree组件有很多，大家常用的是以Element Tree为首的UI组件。就我个人体验来说，有些地方做的并不好，尤其是树节点的增删改操作、勾选功能以及高级的拖拽实现。这些功能不能很好的整合在一起，与后台交互的可扩展性也比较差。翻开element plus tree的源码，你会发现有很多的设计思路比较受限，实现的很繁琐。毕竟vue3给我们提供非常 …
Avue 是一个基于Element框架低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。使用avue-crud组件开发页面时，可能会用到Tree树形选择框，同时可能会有这样的需求：子节点选中时，同时也需要显示父节点名称，即多层显示。查看了官方文档，并没有直接的解决方案。有说可以替换成Cascader级联选择器，但不符合实 …
在我前面随笔《循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理，本篇随笔补充这一个主题，介绍树列表组件和下拉列表树组件在项目中的使用，以及一个SplitPanel的组件。1、常规树列表控件的 …
在 Vue 3 中，Tree Shaking（摇树优化） 是一个非常重要的性能优化特性，它可以帮助打包工具（如 Webpack、Vite、Rollup）移除项目中未使用的代码，从而减小最终生成的包体积。Vue 3 实现 Tree Shaking 的关键在于其采用了 模块化设计（ES Modules），并提供了多个按需引入的 API。一、Vue 3 Tree …