2024-05-09详细介绍了vue3中使用Vue Router，从Vue Router的安装，基础知识到路由嵌套、路由守卫及路由懒加载等内容详细探讨了Vue Router的使用方法_vue3 router

https://www.qianduange.cn//article/7677.html 分类：前端知识

2024-05-09Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。简单来说，Vue在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新，nextTick()方法就会在这样的DOM更新循环结束后调用指定的函数。_vue3 nexttick()

https://www.qianduange.cn//article/7663.html 分类：前端知识

2024-05-09安装unocss在vite.config.ts 中进行引入plugins: [unoCss({rules:[// 定义了flex，red 即可直接使用})],})main.ts 中引入App.vue 中 使用

https://www.qianduange.cn//article/7623.html 分类：前端知识

2024-05-09vite 打包生成的文件如果直接放在服务器中是可以正常访问的，但是本地直接访问打包生成index.html文件就会提示以下问题。主要：打包静态文件必须是根路径，否则放到服务器找不到静态资源（同理于webpack中的publicPath 的配置）在vite.config.ts中设置：base: "./"具体代码如下。问题1：访问的文件不存在，主要是因为路径配置问题。解决：在 vite.config.js文件中配置。访问的文件不存在，主要是因为路径配置问题。再次打包问题解决——_vite打包后线上不加载js资源

https://www.qianduange.cn//article/7620.html 分类：前端知识

2024-05-09vue中使用echarts_vue3 图表

https://www.qianduange.cn//article/7610.html 分类：前端知识

2024-05-09【代码】vue3 TS dhtmlx-gantt实现甘特图。_dhtmlx gantt ts

https://www.qianduange.cn//article/7599.html 分类：前端知识

2024-05-08图表展现能力是平台需具备的基础能力，目前echarts是最佳选择。在早期版本的图表中，不同的图表样式，需要不同的数据格式，需要进行复杂封装才能易于使用。百度官方也意识到这个问题，在echarts 4.0版本提供了dataset属性支持，提供了统一的数据格式，也曾考虑基于这一新特性将常用图表进行封装。后来，发现了饿了么团队出品的开源组件v-charts，统一提供了一种对前后端都友好的数据格式，只需设置简单的配置项，便可轻松生成常见的图表。但v-charts停留在了vue2.x版本，vue3.x完全没有动_echarts组件设计

https://www.qianduange.cn//article/7549.html 分类：前端知识

2024-05-08基于vue3及vueUse实现的瀑布流布局实现了，但也有很多不足之处。一开始我是想通过render函数渲染，但是图片的请求是异步的，在render时一直报错（no parentNode）。后面使用原生dom的append操作。后面我将再试试render函数，以及将该抽离成hook函数以及实现图片的懒加载。_vue3 element 图片瀑布流懒加载

https://www.qianduange.cn//article/7547.html 分类：前端知识

2024-05-08vue3使用draggable拖拽组件_vue3 draggable

https://www.qianduange.cn//article/7546.html 分类：前端知识

2024-05-08Vue 3 提供了多种组件间通信的方式，这些方式满足了从简单父子通信到复杂全局状态管理的各种需求。props和自定义事件依旧是父子组件通信的首选方式，provide和inject提供了一种新的兄弟组件通信方法，而 Vuex 依旧是管理大型应用状态的强大工具。理解这些通信机制的适用场景和限制，将帮助你构建更加可维护和高效的 Vue 应用。_vue3 setup的兄弟组件通过父组件通信

https://www.qianduange.cn//article/7537.html 分类：前端知识