![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 65
前端每日三省
关注更多精彩内容等你来看!
展开
-
Pinia和Vuex有什么区别?
Vuex是一个以前官方支持的Vue.js状态管理库,专门设计用于Vue.js应用程序。它提供了一个集中式的存储来管理应用程序的所有组件之间共享的状态。Vuex的核心概念包括state(状态)、mutations(变更)、actions(动作)和getters(获取器)。state: {count: 0},},actions: {}, 1000)},getters: {})在选择Pinia或Vuex时,你需要考虑你的项目需求和Vue.js版本。原创 2023-11-02 16:40:50 · 294 阅读 · 0 评论 -
Vue状态管理工具pinia的简单使用
Pinia是一个Vue状态管理工具,它是Vue 3官方推荐的状态管理库之一。Pinia的目标是提供一个简单、轻量级的状态管理解决方案,它基于Vue 3的新响应式 API 和新的组合式 API 构建,使用起来非常直观和自然。原创 2023-06-30 15:05:45 · 671 阅读 · 0 评论 -
Vue Router原理
Vue Router是基于Vue.js的路由管理库,它提供了一系列的功能来实现前端路由。通过Vue Router,我们可以定义路由规则,将URL与组件进行映射,实现页面之间的导航和状态管理。Vue Router的设计思想是"一切皆组件",它将路由也视为一个组件,可以通过组件的方式来定义和使用。原创 2023-06-27 16:31:45 · 305 阅读 · 0 评论 -
箭头函数的用法
箭头函数是一种匿名函数的简化写法,它使用箭头(=>)来定义函数。与传统的函数表达式相比,箭头函数提供了更简洁的语法和更明确的上下文绑定。// 函数体 };参数列表:箭头函数可以包含零个或多个参数,参数之间使用逗号分隔。=>符号:用于将参数列表与函数体分隔开。函数体:箭头函数的函数体可以是一个表达式,也可以是一个代码块。如果是表达式,则会自动返回该表达式的结果。箭头函数提供了更简洁的函数定义方式,可以减少冗余的代码。// 传统函数 function sayHello(name) {`);原创 2023-06-27 16:27:57 · 492 阅读 · 0 评论 -
TCP/IP协议是什么?
78. TCP/IP协议是什么?TCP/IP协议是一组用于互联网通信的网络协议,它定义了数据在网络中的传输方式和规则。作为前端工程师,了解TCP/IP协议对于理解网络通信原理和调试网络问题非常重要。本篇文章将介绍TCP/IP协议的概念、主要组成部分和工作原理,帮助前端工程师快速入门。什么是TCP/IP协议?TCP/IP(Transmission Control Protocol/Internet Protocol)是一套网络通信协议,它由两个独立的协议组成:TCP(传输控制协议)和IP(Interne原创 2023-06-25 16:39:52 · 60344 阅读 · 13 评论 -
HTTP1.0和HTTP2.0的区别
当谈到网络通信协议时,大家都熟悉的就是,它是一种用于在Web浏览器和服务器之间传输数据的协议。随着技术的发展,HTTP也在不断演进,从HTTP1.0发展到了HTTP2.0,带来了许多新的特性和改进。本文将详细介绍HTTP1.0和HTTP2.0之间的区别。原创 2023-06-25 16:35:55 · 2719 阅读 · 0 评论 -
v-if和v-for为什么不建议同时使用
当在Vue.js中使用v-if和v-for两个指令时,有一个重要的原则是不建议在同一个元素上同时使用这两个指令。这个原则是出于一些设计考虑和最佳实践的角度。在本文中,我们将深入探讨为什么不建议同时使用v-if和v-for,以及如何解决相关的问题。原创 2023-06-25 16:35:11 · 3320 阅读 · 1 评论 -
WebSocket是什么,怎么用
提供了一种强大的实时通信解决方案,适用于实时聊天、实时数据更新、多人协作和游戏等应用场景。然而,开发者需要在兼容性、长连接维护、安全性和服务器支持等方面进行综合考虑,并根据应用的需求选择合适的通信方案。在建立连接后会保持持久连接,使得服务器和客户端可以实时地交换信息,而无需频繁地发起请求。使用持久连接,减少了每个请求的开销,并且通过数据帧的方式传输数据,减少了数据的开销。使用长连接,需要维护连接状态,这可能增加服务器的负载,并占用客户端和服务器的资源。时,需要考虑兼容性问题,并提供替代方案。原创 2023-06-25 16:36:02 · 2520 阅读 · 0 评论 -
Vue父子组件通讯方式及实现
获取到子组件的实例,从而调用子组件的方法或者访问子组件的属性。属性获取到所有子组件的实例,并通过。属性给子组件设置一个引用,然后通过。触发父组件定义的事件来传递数据。向子组件传递数据,子组件通过。属性获取到自己的父组件实例。原创 2023-06-23 20:04:35 · 409 阅读 · 0 评论 -
ref和reactive区别
用于创建一个复杂的响应式数据,即一个对象或数组。它会将这个对象或数组的所有属性或元素都转化为响应式数据,并返回一个响应式对象。我们在对这个响应式对象进行读取或修改时,可以直接使用点操作符或数组下标来访问或修改它的属性或元素。用于创建一个简单的响应式数据,即一个基本类型的数据,比如数字、字符串等,它会将这个基本类型数据包装成一个响应式对象,并且返回一个带有。这样,我们在对这个响应式对象进行读取或修改时,就可以直接使用。// 使用 reactive 创建一个响应式的对象。,并在点击按钮时修改了它的属性值。原创 2023-06-22 21:51:10 · 1654 阅读 · 0 评论 -
使用vitepress快速搭建个人网站或官方文档网站
按照以前的思维,我们搭建一个个人的博客网站,或者写一个官方文档的网站,还需要自己设计加写代码来实现一个网站。可以直接一键生成网站模板,只需要把对应的内容栏目改成自己所需即可。组成的强大的静态网站构造器。简单、强大和快速,是你一直想要的。到此,我们就可以自己修改项目中的内容来实现我们自己的页面了。简直是一个模子里刻出来了(不是简直,就是~)把生成的dist文件夹部署在服务器即可访问。官方首页的介绍, 翻译过来就是,其他更多配置信息,见官方文档。原创 2023-06-14 11:29:38 · 1347 阅读 · 0 评论 -
hash模式和history模式区别
中的路径部分被用来管理路由,当切换路由时,浏览器会向服务器发送请求,服务器需要正确配置以避免。时,浏览器不会向服务器发送请求,而是通过。,而不会触发页面重新加载。部分被用来模拟一个完整的。原创 2023-06-06 16:06:39 · 1193 阅读 · 0 评论 -
diff算法原理
对比节点的子节点,包括子节点的数量、顺序、类型等,如果两个节点的子节点不同,则需要更新实际。算法会用一种叫做“同层比较”的方式,将新旧节点的子节点按照顺序一一对比,尽可能地复用已有的。算法的原理是通过比较新旧节点的属性和子节点,找出它们之间的差异,然后根据差异来更新实际。对比节点的属性,包括节点的标签名、样式、事件等,如果两个节点的属性不同,则需要更新实际。算法采用了一种优化策略,即如果两个节点的子节点数量不同,则直接替换整个节点;算法会按照顺序对比新旧节点的子节点,找到。节点,而不是重新创建节点。原创 2023-05-23 10:16:45 · 1853 阅读 · 0 评论 -
vue组件通讯的方式
需要根据实际的场景和需求选择合适的组件通讯方式,以达到简洁、高效和可维护的效果。属性获取子组件的实例,并直接调用子组件实例的方法或访问子组件实例的属性。自定义事件:父组件可以在子组件上绑定自定义事件,子组件通过。选项来接收注入的数据。这种方式在跨层级组件通讯时比较有用。方法触发该事件,父组件可以监听该事件并做出相应的处理。实例作为事件总线,不同的组件通过该实例来通讯。向子孙组件注入数据,子孙组件通过。向子组件传递数据,子组件通过。管理应用的状态,各个组件通过。来获取和更新共享的状态。事件向父组件发送消息。原创 2023-03-24 17:14:31 · 248 阅读 · 0 评论 -
v-if和v-show的区别?
v-if和v-show都是Vue.js框架中的指令,用于根据条件显示或隐藏DOM元素,但它们的实现方式不同原创 2023-03-24 17:13:00 · 474 阅读 · 0 评论 -
MVVM模式
MVVM是一种软件架构模式,它是MVC(Model-View-Controller)的一种变体,常用于构建现代化的Web应用程序。在MVVM中,View、Model和ViewModel之间存在一定的关系原创 2023-03-20 10:35:51 · 212 阅读 · 0 评论 -
Vue状态管理工具pinia的简单使用
Pinia 是一个 Vue 状态管理工具,它是 Vue 3 官方推荐的状态管理库之一。Pinia 的目标是提供一个简单、轻量级的状态管理解决方案,它基于 Vue 3 的新响应式 API 和新的组合式 API 构建,使用起来非常直观和自然。原创 2023-03-20 10:31:59 · 485 阅读 · 0 评论 -
Vue插槽的使用
Vue插槽是Vue组件中一种非常强大和灵活的功能,它允许你在组件的模板中预留出一些位置,以便在使用该组件的时候,动态地将内容插入到这些位置上。原创 2023-03-13 10:08:45 · 125 阅读 · 0 评论 -
Vue侦听器Watch
Watch是Vue.js提供的一个观察者模式,用于监听数据的变化并执行相应的回调函数。虽然计算属性Computed在大多数情况下更合适,但有时也需要一个自定义的侦听器Watch。原创 2023-03-08 10:39:45 · 765 阅读 · 0 评论 -
Vue计算属性Computed
Computed属性是Vue中的一个计算属性,是一种基于其它属性值计算而来的属性值,具有缓存机制,在依赖的属性值发生变化时会重新计算。使用computed属性可以避免在模板中书写过多的计算逻辑,提高代码可读性和维护性。原创 2023-03-08 10:39:50 · 1044 阅读 · 0 评论 -
v-for与v-if为什么不能同时用?
在vue项目中,我们可能会有些场景需要v-for和v-if同时使用,但是呢我们会发现,当用过v-for之后,在同一个标签上加v-if,就会报错(Vscode会),如下:为什么呢?因为v-for的优先级比v-if高,就导致列表会先全部遍历出来,在一个一个判断是否显示,就会造成渲染了无用的dom节点,浪费了性能,我们可以使用computed来解决这个问题<ul> <li v-for="i in List" :key="i" > {{i}} </li原创 2021-10-19 10:14:37 · 2998 阅读 · 0 评论