Category: Vue

Vue3 keep-alive 和路由 meta 的动态地控制封装

在 Vue 3 中，通过在路由的 `meta` 属性中设置 `keepAlive` 来动态控制 `<keep-alive>` 的 `include` 或 `exclude` 属性，以决定哪些组件应被缓存。

解决重定向后页面异步操作未正确触发的问题，可以通过监控路由变化、正确使用生命周期钩子、优化路由守卫逻辑和使用异步组件等方法来实现。

Vue 3 中的 deep 选择器通过深度扩展选择器到所有子组件的样式中，实现父组件样式对子组件的影响，推荐使用 `::v-deep` 代替。

Vue 3中的deep选择器使用::v-deep或>>>符号，用于选择并应用样式到所有子组件及其嵌套子组件中的元素，如将ChildComponent内class为red的元素文本颜色设为红色。

创建Vue 3组件封装SVG图形，需定义模板、逻辑和样式，并通过props传递宽度和高度参数。