2024-08-30状态管理是前端应用开发中的一个核心概念,它涉及到应用中数据的存储、共享、更新和维护。在Vue中,状态管理是指对应用程序中共享状态的集中式管理,以确保状态的一致性和可预测性。Vuex是Vue.js的官方状态管理库,专为Vue.js应用程序开发。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。在 Vuex Store 中,Mutations 通过一个对象定义,每个属性是一个 Mutation 的函数,函数名就是 Mutation 的类型。state: {_vue 状态管理
2024-08-30这部分内容是比较简单的了,但是我个人觉得对于原来是后端开发的想学一些关于vue页面跳转,数据交互的小伙伴来说还是有点帮助的。希望自己的博客能清楚的介绍这些知识点,如果有所帮助,记得支持博主一波哦!_vue router跳转
2024-08-30只有没有传值的参数才会使用默认值,如果调用hello时没有传入参数,或者传入了undefined,x会自动获取默认值’default value’为什么使用var1呢?过滤器可以对绑定的数据进行格式化后再展示,它本质上是一个可以接收数据、进行处理并返回结果的函数我们可以在插值表达式或。_vue3 filters
2024-08-30Chrome浏览器插件是一种强大的工具,它可以为用户提供更丰富的浏览体验。在本篇博客中,我们将探讨如何使用Vue.js框架来构建一个Chrome浏览器插件。_vue开发chrome插件
2024-08-30Vue Router是Vue.js生态系统中不可或缺的一部分,它为单页应用提供了强大的路由管理功能。本文详细介绍了Vue 3中Vue Router的配置和使用,从基础设置到高级特性,希望能帮助你更好地理解和使用Vue Router。随着你的应用不断发展,你会发现Vue Router提供的这些功能会让你的开发过程更加顺畅和高效。记住,路由不仅仅是将URL映射到组件,它还涉及到数据获取、权限控制、代码分割等多个方面。深入理解Vue Router,将帮助你构建更加复杂和强大的Vue应用。_vue3安装路由
2024-08-30对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStoragesessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载localStorage(长期存储) :与 sessionStorage 一样,但是浏览器关闭后,数据依然会一直存在。_vue localstorage
2024-08-30在这个例子中,我们使用了一个自定义指令 v-drag-drop 来实现表格行的拖拽排序功能。当用户拖动表格行时,会触发 onEnd 事件,我们在这个事件中更新 tableData 数据源,从而更新表格的显示。当然,vuedraggable 确实可以与 el-table 组件结合使用。总之,通过结合使用 vuedraggable 和 el-table,我们可以实现表格的拖拽排序功能,为用户提供更好的交互体验。需要注意的是,我们使用了 row-key 属性来唯一标识每一行数据,这是为了保证拖拽操作的正确性。_vuedraggable el-table
2024-08-30当前 Vue 的最新稳定版本是 v3.4.35,而Vue 2 已于 2023 年 12 月 31 日停止维护。Vue2的书写风格是选项式 API ,而Vue3的书写风格同时支持选项式API和组合式 API。那我们选哪一种风格的API来学习呢?我建议先学习选项式API,然后再学习组合式API。学习选项式API,既是能写Vue3,用能看懂Vue2,毕竟Vue2的项目现在也还挺多的。而且学会了选项式API,再学组合式API也是很简单的,并不会花很多时间。这样不是也挺好的吗?下面开始今天的学习吧。