最新动态
Vue 中 V-bind 和 V-model 有什么区别？
在 Vue.js 中，v-bind 和 v-model 都是用于数据绑定的指令，但它们有不同的用途和工作机制。v-bind 主要用于单向数据绑定。它用于将数据对象的属性绑定到 HTML 元素的属性上。v-model 主要用于双向数据绑定。它主要用于表单输入元素（如 , , 等），以便实现数据的双向绑定。
Vue 和 React 的区别？
Vue和React都是当前流行的JavaScript前端框架。Vue和React在核心思想、组件写法、Diff算法、响应式原理以及适用场景和优势等方面都存在明显的区别。Vue是一个灵活易用的渐进式框架。它采用数据拦截/代理的方式，对数据的变化更敏感、更精确。React则推崇函数式编程（纯组件）的理念，数据不可变以及单向数据流（当然需要双向的地方也可以手动实现，比如借助onChange和setState）。
Vue 中 computed 的特点有哪些？
Vue中computed的特点主要体现在以下几个方面：缓存性、响应性、高效性、简洁性、依赖追踪、可组合性。这些特点使得计算属性成为Vue中处理派生数据和复杂计算的重要工具之一。
常见的 SPA 首屏优化方式有哪些？
SPA（单页面应用）的首屏加载性能对于用户体验至关重要。以下是一些常见的SPA首屏优化方式：路由懒加载、组件懒加载、资源按需加载、预加载关键资源、骨架屏、服务器端渲染、缓存策略、代码和资源优化、使用CDN、DNS预解析、启用HTTP/2。
Vuex 数据刷新后就消失，如何保存数据？
在 Vue.js 应用中使用 Vuex 进行状态管理时，默认情况下 Vuex 的状态是存储在内存中的，一旦页面刷新或浏览器关闭，状态就会丢失。为了在页面刷新后依然能够保留数据，你需要将 Vuex 的状态持久化。有几种常见的方法可以实现这一点：1.使用浏览器的 LocalStorage 或 SessionStorage；2.使用第三方插件，如 vuex-persistedstate；
vue.config.js文件中配置代理详解
在Vue项目中，vue.config.js文件是用于对开发服务器和编译过程进行自定义配置的重要文件。其中，配置代理是解决开发过程中跨域问题的一种常用方法。
什么是双端比较策略？
双端比较策略是一种高效的节点比较方法，主要应用于Vue框架的虚拟DOM（Virtual DOM）差异比较过程中。即在比较新旧两个虚拟DOM节点列表时，同时从列表的头部和尾部开始进行比较，以找到需要更新的节点，并最小化对实际DOM的操作。
Vue3相邻重复节点进行分块比较
在 Vue 3 中，为了提高渲染性能，Vue 引入了一种称为“块级更新”的优化策略。这种策略尤其在对列表进行渲染时非常有用，因为它通过将列表分成多个块来减少不必要的 DOM 操作。当我们处理相邻重复节点时，Vue 3 会尝试对这些节点进行分块比较，以更高效地检测变化。
vue scoped 能做样式隔离的原理？
Vue中scoped属性实现样式隔离的原理是通过生成唯一属性选择器、选择器转换、属性注入到组件元素以及样式隔离的实现等步骤共同完成的。这种机制确保了组件样式的独立性和可重用性，提高了代码的可维护性。
vue中hash和history的区别 ？
在Vue.js应用中，当你配置路由时，可以选择使用hash模式或history模式。这两种模式在URL的呈现和浏览器的行为上有所不同。Hash模式：简单易用，无需服务器配置，兼容性好，但对SEO有一定影响。History模式：URL更美观，对SEO更友好，但需要服务器配置，不支持旧版浏览器。
