vue
文章平均质量分 93
小猫娃来啦
CSDN前端领域新星创作者、2022博客之星入围、2023博客之星6月城市赛道top2、2023新星计划top2,阿里云开发者社区专家博主、星级博主,拥有丰富的前端开发经验。
在GitHub上,积极参与了多个开源项目,并做出了许多贡献。
一名中医继承人,在这科技快速发展的时代坚持下去,颇为不易。将中国传统文化的精髓与IT行业结合,是我一直坚定不移的目标。在CSDN上希望与诸位共同进步,谱写我辈之美!!
展开
-
中级程序员——vue3+js+git面试题
Vue3 最大的优点是性能优化和组合式 API。Vue3 在性能方面做了很多改进,比如使用 Proxy 对象进行响应式数据的追踪,减少了不必要的更新操作。另外,Vue3 引入了组合式 API,使得代码更加模块化和可复用。最大的缺点可能是学习成本相对较高,因为 Vue3 在很多方面和 Vue2 有较大的变化,需要重新学习和适应新的 API 和语法。在 Vue3 组合式 API 中,可以通过ref或reactive创建子组件的方法并导出,然后在父组件中引入子组件并调用。watch和。原创 2023-11-17 11:59:47 · 882 阅读 · 2 评论 -
前端(十八)——gitee上开源一个移动端礼盒商城项目(前端+后台)
项目样式老旧,ui设计较low,虽说现在大众的商城app都使用的是瀑布流布局,且功能更丰富。但本项目仅作为开源学习和技术交流,仅此而已。前端采用搭建vue脚手架处理,使用JavaScript语言,后台采用laravel框架处理,使用php语言。bug丶小狼人。原创 2023-09-06 14:34:23 · 3847 阅读 · 50 评论 -
vue3中将表格导出excel的方法(极简且有效)
在JavaScript中,使用`import`语句导入模块时,有两种不同的导入方式:***默认导入***和***命名导入***。`import XLSX from 'xlsx'` 是默认导入,它假设模块中有一个默认导出的对象。但是,在 xlsx 模块中,并没有默认导出的对象的时候,就会报错。而 `import * as XLSX from 'xlsx'` 是命名导入,它将整个模块作为一个命名空间引入,并将模块中的所有导出都作为该命名空间对象的属性。这种方式适用于 xlsx 模块,因为它将 XLSX原创 2023-08-16 12:28:11 · 5906 阅读 · 7 评论 -
vue封装——使用js高阶函数实现多条件搜索功能
🙂博主:爱学习的Akali king。之前出过一个react写法的前端搜索([react写法——使用js高阶函数实现多条件搜索功能](https://blog.csdn.net/dyk11111/article/details/131256962))今天我们再研究一下vue中怎么实现。之前用react写法实现前端搜索功能时,我们是从思路出发的,并不局限于框架语言。所以我们用vue实现前端搜索,思路也是一样,还是这三步。不过我们要做一个新的东西,就是封装。因为我们将一个搜索功能写好后,这就相当于是原创 2023-06-27 10:47:35 · 3247 阅读 · 7 评论 -
vue生命周期的传统写法和setup语法糖写法
在 Vue 3 中,由于引入了 Composition API,一些生命周期钩子函数的名称发生了改变,并且在使用 `` 语法糖时,不再直接使用这些钩子函数,而是使用Composition API 提供的函数来实现类似的功能。`beforeCreate` 和 `created` 这两个钩子函数在 Vue 3 中被封装进了 `` 语法糖中。原因是为了简化代码和提高可读性。原创 2023-07-27 14:51:36 · 752 阅读 · 3 评论 -
前端(十)——深入剖析 Vuex:Vue.js 应用的状态管理神器
什么是vuex,vuex的工作原理,使用 Vuex 可以带来以下好处:,集中式,vuex中的状态,它存储在哪里?如何改变?,Vuex 和 Redux 的区别,为什么vuex中的mutations不支持异步,Vuex 和 localStorage 的区别,v-model绑定vuex的state,vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?,为什么vuex的Mutations是同步,而Actions是异步原创 2023-07-25 11:14:07 · 497 阅读 · 13 评论 -
vue2的Mounted和vue3的onMounted,这两个钩子有何不同?
钩子是通过 setup函数来使用的,它必须在组件实例创建之前调用,并返回一个对象,该对象包含组件实例中需要使用的数据、方法和生命周期钩子等。钩子中的函数会在组件挂载到 DOM 上之后执行,与 Vue 2 的 mounted 钩子相同,因此在该钩子中可以访问到组件的 DOM 元素。如果需要访问组件实例中的数据和方法,可以使用。钩子是在组件实例被挂载到 DOM 上之后才被调用的,因此在该钩子中可以访问到组件的 DOM 元素。钩子在组件的子组件被挂载之前被调用,因此如果需要在子组件中访问到父组件的数据,可以在。原创 2023-06-13 08:00:00 · 21841 阅读 · 5 评论 -
vue3中的event bus
event Bus在vue3中事实上已经被删除了,因为官方说它可能会导致一些潜在的问题。如,在大型项目中使用 Event Bus 可能会变得难以维护和调试,同时也可能会影响应用程序的性能。此外,在 Vue 3.x 中已经有更多先进和强大的工具来进行组件之间通信,例如 provide/inject 和 Emit/Listeners 等机制。因此,Vue 3.x 团队决定删除 Event Bus,以鼓励开发者使用更好的解决方案。但是还有很多项目是相对较小的,依然是可以使用的。原创 2023-06-10 17:39:06 · 8268 阅读 · 2 评论 -
深度选择器——vue或react中修改组件样式的方法
6.权重问题,因为这种选择器的使用,具有穿透性,即使是引入的组件,通过f12找到元素类名,可以通过这样的方式修改其样式,但要注意,这边修改一个样式,其他地方有的样式也可能会变,这就一定要选择。⭐⭐使用 className 和全局 CSS 样式表:在组件模板中使用 className 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。⭐⭐使用 class 属性和全局 CSS 样式表:在组件模板中使用 class 属性来设置类名,然后在全局 CSS 样式表中定义对应的样式。原创 2023-06-14 07:30:00 · 4802 阅读 · 2 评论 -
关于proxy的较深入研究
在Vue3中,Proxy被用来实现响应式数据的追踪和更新,这使得我们可以更好地追踪数据的变化,并且可以避免一些不必要的更新操作,从而提高程序的性能。在这个例子中,我们使用Proxy代理了一个普通的JavaScript对象person,并在handler中实现了get拦截器,当访问person对象的属性时,会自动调用这个拦截器并输出一些信息,然后返回属性的值。实现数据响应式:在Vue3中,使用Proxy代理响应式数据,可以自动追踪数据的变化并且自动触发相关的更新操作,从而实现数据的响应式。原创 2023-06-10 16:04:57 · 957 阅读 · 0 评论 -
Vue.js中如何使用mixin实现代码复用?
Mixin是一种在面向对象编程中用来实现代码重用的技术。它允许将一个或多个已经定义好的类的成员属性或方法,合并到一个新的类中,以便该类可以获得这些成员的功能。Mixin通常用于在不同的类(或组件)之间共享某些功能模块,从而减少类之间的重复代码,并提高代码的可维护性和复用性。在JavaScript中,Mixin通常是指一组可复用的函数或对象,它们可以在应用程序中的多个组件之间共享使用。原创 2023-06-12 09:15:00 · 423 阅读 · 0 评论 -
Vue3中监听数据变化,以及composition Api
实际上,Vue3中的响应式系统是基于Proxy实现的,而watch函数只是响应式系统的一个附属品,用来监听数据变化并执行相应的回调函数,可以理解为是对Proxy的封装。,它基于函数的API,即我们可以将组件的逻辑拆分成多个函数,每个函数只关注特定的功能,然后再将这些函数组合成一个组件。总的来说,Vue3中的数据监听方式更加灵活和方便,使用watch函数可以监听任何响应式数据的变化,并执行相应的回调函数。当count的值发生变化时,会执行回调函数,并将变化前的值和变化后的值作为参数传入回调函数中。原创 2023-06-06 11:27:37 · 2518 阅读 · 1 评论 -
vue3中setup语法糖下父子组件之间如何传递数据
⭐父子组件,分为父组件和子组件。Vue3中,父组件指的是包含一个或多个子组件的组件,它们通过props和事件等方式来传递数据和通信。子组件则是被父组件所包含的组件,它们通常会接收来自父组件的数据,并根据这些数据渲染自身。在Vue3中,使用标签来定义父组件和子组件,同时也可以使用其他标签如等等。原创 2023-06-05 21:04:33 · 2911 阅读 · 5 评论 -
vue3中setup语法糖那些事儿
⭐语法糖是指在编程语言中,一种特殊的语法形式,它并不影响语言的功能和能力,只是提供一种更加优雅、简洁、易读的语法形式,让代码更加易于理解和编写。通常,语法糖是编译器或解释器在编译或解释代码时将其转换成标准语法的过程,因此语法糖并不会增加代码的运行效率,只是提高了代码的可读性和可维护性。ES6中的箭头函数,可以简化函数定义的写法;Vue中的v-bind可以写成冒号,v-on可以写成@符号,可以简化模板中绑定事件和属性的写法;原创 2023-06-06 07:30:00 · 1923 阅读 · 6 评论 -
vue3实现高德地图多点标注(so easy)
这些问题对你造成一些困扰,我希望本篇博客能给你带来帮助。首先,地图多点标注是个非常简单的问题,你不要烦躁,让自己静下来去跟着我的思路走一遍。原创 2023-06-05 11:43:13 · 5216 阅读 · 7 评论 -
vue3项目创建步骤,以及项目运行失败的原因和解决方法
如果你需要使用 Vue 3 的新特性,可以选择第二个选项,如果你需要使用 Vue 2,可以选择第三个选项,如果你需要自定义项目特性,则可以选择第一个选项。手动选择需要的特性,可以根据需要选择所需的特性和插件,包括 Babel、TypeScript、CSS 预处理器、Linter/Formatter、Unit Testing 等。⭐我们创建的hello项目是放在这个文件夹中的,这个文件夹是中文名字,所以报错了。建议在E盘创建项目,这里只是演示。需要注意的是,这里的的项目名字,用英文,或者拼音,不能用汉字。原创 2023-05-28 15:26:44 · 8803 阅读 · 0 评论 -
【半小时入门vue】最容易理解的vue入门方式
如果你是想入门vue,那么本篇博客非常适合你。你尽管可以去菜鸟教程,可以去MDN官网,可以去w3cschool找关于vue相关的知识。但是当你对于官方描述不太理解的时候,再回到本篇博客,可能会对你很友好。什么是框架?什么是渐进式?什么是渐进式框架?原创 2023-05-11 21:32:39 · 1528 阅读 · 14 评论