随笔分类 - Vue2.7
摘要：slot-scope 语法在 Vue 3 中已经被废弃（deprecated），并且在 Vue 2.6+ 版本中就已经被更统一、更清晰的 v-slot 指令 所取代。 ✅ 正确用法（Vue 2.6+ 和 Vue 3） 旧语法（已过时）： <my-component> <template slot-s
阅读全文
摘要：这个错误 TypeError: this.getOptions is not a function 在 Vue 项目中通常出现在 使用较新版本的 loader（如 sass-loader@13+、css-loader@6+ 等）但搭配了旧版 Webpack（< v5.0）或 Vue CLI（基于 W
阅读全文
摘要：Vue 2.7 是 Vue 2.x 系列的一个重要更新，它允许用户在不完全迁移到 Vue 3 的情况下享受到一些 Vue 3 的新特性。以下是 Vue 2.6 和 Vue 2.7 之间的一些主要差异： Composition API 支持： Vue 2.7 引入了 Composition API，这
阅读全文
摘要：在使用 Vue CLI 创建的项目中，webpack.config.js 文件通常是隐藏的，因为 Vue CLI 使用了内部默认的 Webpack 配置。然而，你可以通过以下方法查看或自定义生成的 Webpack 配置。 1. 使用 vue inspect 命令 Vue CLI 提供了一个内置的命令
阅读全文
摘要：在 Vue 项目中，是否只需要禁用 HTML 文件的缓存，而不需要额外处理 JS 和 CSS 等静态资源的缓存，取决于你的项目打包配置和缓存管理策略。以下是详细的分析和建议： 1. Vue 打包文件的特点 Vue 项目通常使用 vue-cli 或 Vite 进行打包，打包后的文件具有以下特点： HT
阅读全文
摘要：在 Vue Router 中，route.matched 是一个只读的属性，它包含了当前路由及其所有嵌套层级的路由记录。这些记录是根据你的路由配置和当前 URL 动态计算出来的，代表了从根路由到当前页面路径所经过的所有路由定义。 由于 matched 是只读的，你不能直接修改它的内容。但是，如果你需
阅读全文
摘要：在 Vue 2 中，v-model 是一个语法糖，它简化了在表单元素或组件上创建双向数据绑定的过程。其本质是结合了 v-bind（绑定属性）和 v-on（监听事件）两个指令的功能。 具体来说，在原生表单元素（如 <input>, <textarea> 和 <select>）上使用 v-model 时
阅读全文
摘要：在 Vue 3 中，watch 和 watchEffect 都是用于侦听数据变化并执行相应的副作用（side effects），但它们之间存在一些关键区别： watch 显式指定监听的数据源：你需要明确指出要监听的响应式数据（如 ref 或 reactive 对象的属性）。 惰性执行：只有当被监听的
阅读全文
摘要：在Vue 2项目中，特别是那些具有复杂UI结构的应用，将路由分为侧边菜单路由（sidebarRoutes）和实际添加到路由表的路由是一种常见的设计模式。这种分离主要有以下几个原因： 权限控制：通过区分sidebarRoutes和实际路由，可以更灵活地进行权限管理。例如，可以根据用户的权限动态生成侧边
阅读全文
摘要：defaultProps 是基于 vm.$options.propsData 初始化的，但实际上 propsData 通常用于传递给组件的实际值而非默认值。 默认值应该从 vm.$options.props 中获取。 toRef 可以确保即使 props 发生变化，引用仍然保持一致。vue2.7是支
阅读全文
浙公网安备 33010602011771号