Vue概念详解
文章平均质量分 88
本专栏详细的阐述vue的相关概念,深挖原理、探究细节、区分优劣、适配场景、图文示例。
还是大剑师兰特
美国某知名大学研究生,专业的航天航海交通领域高级前端开发工程师,从事GIS、物联网行业多年,深耕openlayers,leaflet,cesium,mapbox,echarts等领域。
展开
-
$route 和 $router详解、区别、示例代码
在 Vue.js 中,`$route` 和 `$router` 是与路由相关的两个重要概念,它们主要在使用 Vue Router 时发挥作用。让我们分别了解这两个概念以及它们的区别,并通过示例代码来加深理解。原创 2024-07-12 00:30:00 · 899 阅读 · 28 评论 -
Vue.js 的组件渲染和更新过程
Vue.js 的组件渲染和更新过程主要依赖于其响应式系统和虚拟 DOM。下面将详细描述这一过程原创 2024-07-11 00:30:00 · 782 阅读 · 23 评论 -
vue懒加载(4种方式)
Vue.js 中的懒加载(Lazy Loading)主要是通过代码分割和按需加载来实现的,这种方法可以显著提升大型应用的加载速度和性能。以下是 Vue 中实现懒加载的几种常见方法原创 2024-07-10 00:30:00 · 820 阅读 · 26 评论 -
Vue和Vuex有什么差别?
Vue.js 是一个完整的前端框架,用于构建和管理 UI 层;而 Vuex 是一个用于状态管理的插件,专注于管理组件间共享的状态。原创 2024-07-07 00:30:00 · 1398 阅读 · 13 评论 -
vue前端调式工具:VConsole
VConsole 是一款轻量级的前端调试工具,主要用于移动端的网页开发。它是由腾讯公司开发的,旨在提供类似于桌面浏览器开发者工具的功能,如日志输出、网络请求监控、性能分析等,这些功能在移动设备上通常难以直接访问。原创 2024-07-06 00:30:00 · 1711 阅读 · 20 评论 -
Vue函数式组件
Vue.js 中的函数式组件(Functional Components)是一种轻量级的组件形式,特别适用于那些无需管理状态、不包含生命周期钩子且仅依赖于传入的属性(props)来渲染的场景。原创 2024-07-07 00:00:00 · 672 阅读 · 15 评论 -
Vnode定义、作用、类型
`VNode`是一个JavaScript对象,它包含了描述界面元素的信息,例如标签名、属性、事件处理器、子节点等。相比于真实DOM节点,`VNode`更轻量,因为它不包含浏览器DOM API的开销,仅包含必要的数据。原创 2024-06-20 00:00:00 · 728 阅读 · 26 评论 -
Vue 异步更新队列
Vue.js 的异步更新队列是一个核心概念,用于优化应用程序的性能。在 Vue 中,当状态(数据)发生变化时,Vue 并不会立即更新 DOM(文档对象模型)。相反,它会把所有在同一个事件循环中发生的状态改变收集起来,放到一个队列中,然后在一个适当的时机一次性地更新 DOM。原创 2024-06-19 00:30:00 · 855 阅读 · 14 评论 -
vue 路由的实现原理分析:hash 模式和 history模式
当匹配到新的路由时,Vue Router 更新内部的路由状态,并通知 Vue 组件进行相应视图的更新。这意味着尽管 URL 更改了,但实际上并没有整个页面刷新,而是局部视图进行了切换,实现了 SPA(Single Page Application,单页面应用程序)的无刷新跳转效果。原创 2024-04-05 00:00:00 · 1403 阅读 · 8 评论 -
Vue模版编译原理
Vue.js 的模板编译原理是一个将 Vue 模板字符串转化为可执行的 JavaScript 渲染函数的过程。该过程确保 Vue 能够有效地管理组件的状态和动态渲染 DOM,同时提供了一些优化措施来提升渲染效率。原创 2024-04-06 00:00:00 · 871 阅读 · 21 评论 -
vue 代码优化18条 -- 全面提高页面性能
通过18种方式,我们可以全面地从架构、性能、资源加载等多个方面对Vue项目进行优化,使其在保证功能完整性和用户体验的前提下,拥有更佳的运行效率和更快的加载速度。原创 2024-03-03 00:00:00 · 1481 阅读 · 25 评论 -
Vue的SSR 是什么,优点缺点分析
Vue的服务器端渲染(SSR)是一种将Vue组件在服务器上执行,并生成完整的HTML页面的技术,这个HTML页面随后被发送至客户端的浏览器进行展示。原创 2024-03-01 07:18:16 · 1067 阅读 · 0 评论 -
Vue的diff 算法详解
Vue的diff算法是一种用于比较新旧虚拟节点(VNode)的差异并高效更新DOM的技术`**。它的核心在于只对同层级的节点进行比较,避免了跨层级的比较,从而将时间复杂度降低到O(n)。原创 2024-03-01 00:00:00 · 478 阅读 · 6 评论 -
Vue 组件和插件:探索细节与差异
- **`组件`**:**组件是Vue.js中构建用户界面的基本单元**。它封装了可复用的代码块,并具有自己的状态和行为。在Vue中,每一个.vue文件都可以视为一个组件。组件可以包含HTML模板、CSS样式和JavaScript逻辑,它们通过props(属性)和events(事件)与外界通信。组件的优势在于提高可维护性,因为每个组件的职责单一,且在整个系统中可以被复用。- **`插件`**:**插件通常用来为Vue添加全局功能**。它们是一些扩展Vue构造函数的库或模块,提供了一种机制来安装全局方法或原创 2024-02-29 09:36:40 · 1889 阅读 · 41 评论 -
探索 SPA 与 MPA:前端架构的选择与权衡
单页面应用(SPA)是一种Web应用架构,其中所有的内容和功能都包含在单一的HTML页面中。这种应用在用户与界面交互时不会进行全页刷新,而是通过动态更新页面上的局部内容来提供流畅的用户体验原创 2024-02-28 07:30:00 · 2532 阅读 · 40 评论 -
vue组件中data为什么必须是一个函数
Vue.js 组件的 data 选项必须是一个函数,这是为了确保每个组件实例都有自己的独立数据副本,从而避免数据污染和确保组件的复用性和可预测性`。**原创 2024-02-28 00:54:23 · 770 阅读 · 42 评论 -
Vue3的8大生命周期
CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信,一起交流。总的来说,通过合理利用这些生命周期钩子,开发人员可以更好地管理组件的状态、数据以及DOM操作,从而提高Vue应用程序的性能和可维护性。,这是 Composition API 的一部分,允许开发者在创建组件时更灵活地组织和复用逻辑。,为开发者提供了更灵活的逻辑复用和组织方式。此外,Vue3 还引入了新的生命周期钩子。原创 2024-02-27 11:35:47 · 643 阅读 · 14 评论 -
Vue概念详解【目录】
这个专栏是关于 Vue2 和 Vue3 各种概念的大集合!`它深入挖掘原理,分析各种优势和劣势,适配各种应用场景,部分内容还列出了代码示例,以清晰地讲述原理`。在这里,你将全面了解 Vue2 和 Vue3 的世界,从基础概念到高级特性,一切都将在你眼前展开。原创 2024-02-27 09:26:08 · 904 阅读 · 2 评论 -
vue2、vue3各自的响应式原理
Vue2的响应式原理主要是通**过Object.defineProperty()方法来实现数据的劫持**,并结合**发布订阅者模式**进行工作。Vue 3 中的响应式原理是通过使用 ES6 的 `Proxy 对象`来实现的原创 2024-02-27 01:13:11 · 1269 阅读 · 19 评论 -
vue常见的14个指令
Vue.js 的指令是一种特殊的带有 `"v-"` 前缀的属性,用于在DOM元素上添加动态行为。常用的 Vue 指令包括:`v-model,v-for,v-show,v-hide,v-if,v-else-if 和 v.else,v-bind,v-on,v-text 和 v-html,v-once,v-slot,v-pre 和 v-cloak`。原创 2024-02-27 00:00:00 · 1632 阅读 · 3 评论