随笔分类 -  Vue

摘要:在Vue 2项目中,特别是那些具有复杂UI结构的应用,将路由分为侧边菜单路由(sidebarRoutes)和实际添加到路由表的路由是一种常见的设计模式。这种分离主要有以下几个原因: 权限控制:通过区分sidebarRoutes和实际路由,可以更灵活地进行权限管理。例如,可以根据用户的权限动态生成侧边 阅读全文 »
posted @ 2025-02-19 10:01 龙陌 阅读(3) 评论(0) 推荐(0) 编辑
摘要:Vue.config.ignoredElements 是 Vue.js 提供的一个配置选项,用于告诉 Vue 忽略某些自定义元素。这对于使用 Web Components 或其他外部库中的自定义元素非常有用,因为这些元素在 Vue 编译时不会被识别为 Vue 组件,从而避免不必要的警告和错误。 作用 阅读全文 »
posted @ 2025-02-07 22:49 龙陌 阅读(19) 评论(0) 推荐(0) 编辑
摘要:函数式组件简介 函数式组件(Functional Component) 是 Vue 中的一种特殊类型的组件,它没有实例,也不包含响应式数据、生命周期钩子或状态管理。 函数式组件的主要特点是它们是无状态的(stateless)和无实例的(instance-less),因此性能更高,适合用于简单的展示型 阅读全文 »
posted @ 2025-01-12 14:59 龙陌 阅读(26) 评论(0) 推荐(0) 编辑
摘要:vue-tsc 是 Vue 3 项目中用于类型检查的命令行工具,它是 tsc(TypeScript 编译器)的一个替代品或补充,专门针对 Vue 单文件组件 (SFC) 进行了优化。以下是 vue-tsc 的主要作用和使用场景: 主要作用 类型检查: vue-tsc 可以对 .vue 文件中的 <s 阅读全文 »
posted @ 2025-01-01 18:17 龙陌 阅读(436) 评论(0) 推荐(0) 编辑
摘要:在 Webpack 配置中,ProvidePlugin 是一个非常有用的插件,它可以自动向模块中注入特定的变量,而无需在每个模块中显式导入这些变量。你提到的配置片段使用了 ProvidePlugin 来注入 Buffer 和 process 对象。下面是对这段代码的详细解释: 代码解析 new we 阅读全文 »
posted @ 2024-11-16 12:19 龙陌 阅读(48) 评论(0) 推荐(0) 编辑
摘要:在 Vue CLI 项目中,chainWebpack 是一个用于自定义 Webpack 配置的钩子。通过 chainWebpack,你可以对 Webpack 配置进行更细粒度的控制。你提到的代码片段的作用是移除 preload 和 prefetch 插件。下面是对这段代码的详细解释: 代码解析 ch 阅读全文 »
posted @ 2024-11-16 10:52 龙陌 阅读(153) 评论(0) 推荐(0) 编辑
摘要:在 Vue 3 中,vue-router 提供了新的组合式 API(Composables),这些 API 旨在与 Vue 3 的 Composition API 一起使用。然而,onBeforeRouteEnter 这个特定的导航守卫并没有直接在 vue-router/composables 中提 阅读全文 »
posted @ 2024-11-10 09:16 龙陌 阅读(311) 评论(0) 推荐(0) 编辑
摘要:vue2项目中 箭头函数和普通函数里面 this的指向有何不同? 在 Vue2 项目中,箭头函数和普通函数中的 this 指向有所不同。理解这种差异对于正确使用 Vue 组件内的方法非常重要。 普通函数中的 this 在 Vue 组件中,普通函数(也称为函数声明或函数表达式)中的 this 通常指向 阅读全文 »
posted @ 2024-10-28 23:53 龙陌 阅读(101) 评论(0) 推荐(0) 编辑
摘要:Vue.js中,当在单文件组件(.vue 文件)的 <style> 标签上使用 scoped 属性时,Vue Loader 会为组件中的 CSS 添加一个唯一的属性选择器,以确保样式只作用于当前组件内的元素。这个独特的属性通常格式为 data-v-xxx,其中 xxx 是一个根据文件内容和路径生成的 阅读全文 »
posted @ 2024-02-05 09:33 龙陌 阅读(231) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示