vue3
文章平均质量分 66
秃头小小girl
当你的才华还撑不起你的野心时,就应该静下心来学习;当你的能力还驾驭不了你的目标时,就应该沉下心来历练。梦想不是浮躁,而是沉淀和积累。
展开
-
浅拷贝与深拷贝
但是这种方法只会拷贝一层的数据,当数组里面再嵌套一层数据的话,这层数据指向另一块内存空间中的数据,所以当有两层数据的时候,当拷贝第二层数据的时候还是相当于浅拷贝,修改第二层的数据也是会相互影响的。浅拷贝只会拷贝到这个值的内存地址,并不会直接拷贝到他的值,所以会出现两个值拥有相同的内存地址指向同一块堆中的数据,修改值时会相互影响。引用数据类型:在栈中存储的是内存地址,然后在堆中开辟一块空间去存储值,根据栈中的地址去堆中找相应的数据。将数组先转为JSON格式的字符串,再转为JSON格式的对象赋值给另一个变量。原创 2024-05-20 11:22:54 · 292 阅读 · 0 评论 -
element ui Tree树形控件
【代码】element ui Tree树形控件。原创 2024-05-15 20:46:26 · 150 阅读 · 0 评论 -
vue中数组去重的Set方法
【代码】vue中数组去重的Set方法。原创 2024-05-10 09:23:03 · 96 阅读 · 0 评论 -
解决vuex刷新页面后数据丢失的方法
刷新页面vuex的数据会丢失属于正常现象,因为js的数据都是保存在浏览器的丢站内存里面的,刷新浏览器页面,会将堆栈申请的内存释放,堆栈里的数据自然也就清空了。原创 2024-05-08 20:33:43 · 246 阅读 · 1 评论 -
优化路由-路由懒加载
当打包构建应用时,js包会变得非常大,影响页面加载如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,使加载组件更加高效,随用随加载。原创 2024-04-18 09:18:46 · 148 阅读 · 0 评论 -
防抖(debounce)与节流(throtttle)
节流与抖动。原创 2024-03-31 16:31:22 · 622 阅读 · 0 评论 -
vue-v-for遍历index与id
当添加一个新的数据时,会生成新的数据段,然后生成新的虚拟DOM,这时就会使用虚拟DOM对比算法用新的虚拟DOM和旧的虚拟DOM进行对比。如果key相同的话,比较其他的一样不一样,若一样将旧虚拟DOM中映射出来的真实DOM的值进行复用,反之直接写入新的真实DOM之中。紧接着Vue就会根据新的数据生成新的虚拟DOM,然后新的虚拟DOM就会去和旧的虚拟DOM进行diff(虚拟DOM对比算法)如果key一样的话,进行其他的对比,一样的可以进行再次的复用,使用id作为key,保证了key的唯一性,防止数据错乱。原创 2024-03-29 20:43:15 · 524 阅读 · 1 评论 -
vue2完结
(1)拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突(2)实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用(3)一个组件在用:放在组件自身即可(4)一些组件在用:放在他们共同的父组件上(Vue上叫做状态提升) (3)实现交互:从绑定事件开始2.props适用于(1)父组件---->子组件通信(2)子组件---->父组件通信(要求父组件先给予一个函数)v-model绑定的值不能是props传过来的值,因为props传过来的值不建议修改。原创 2024-03-29 20:31:34 · 1200 阅读 · 1 评论 -
vue-路由详解
1.Vue路由是Vue.js官方提供的一种前端路由管理方式,它可以实现单页应用(SPA)的页面跳转和组件切换,提供了一种优雅的方式来管理应用的URL。2.路由的基本概念:路由是指根据不同的URL路径,展示不同的内容或组件。在Vue中,可以通过Vue Router来实现路由功能。3.安装和配置Vue Router:首先需要通过npm安装Vue Router,然后在Vue项目中引入并使用Vue Router。配置包括定义路由规则、设置默认路由、配置路由参数等。原创 2024-03-28 20:42:22 · 987 阅读 · 4 评论 -
vue-Vuex详解
对Vue应用中多个组件的,也是一种组件间通信的方式,且适用于其实对于任意组件间通信也可以通过全局事件总线来完成,对数据管理包含数据的读和写,但是对于全局事件总线传递数据我们之前接触的只涉及读,而未涉及写数据(修改数据),当我们用全局事件总线同时读数据,修改数据的时候就会使代码变得混乱然而当我们使用vuex后,将每个组件都要使用的数据都放在vuex中,可以简化代码,进行数据的集中式管理,进行读写数据也非常方便。原创 2024-03-26 20:00:03 · 803 阅读 · 0 评论 -
vue-插槽简单概述
让父组件可以向子组件位置插入html结构,也是一种组件间通信的方式,适用于父组件--->子组件。原创 2024-03-24 11:34:45 · 212 阅读 · 1 评论 -
Vue-全局事件总线
在发送数据的组件中触发事件并传递数据(给school组件的按钮绑定事件,触发自定义事件)全局事件总线实现了任意组件间的通信,有效简化了开发过程中一些数据传递的操作,同时也提高了程序的性能,但是在开发中,使用全局事件总线时要根据实际业务情况进行选择,避免事件总线太繁琐1.父传子:props2.子传父:props(要在父组件中提前写好函数,将函数传递给子组件,让子组件合适时机触发,将子组件数据传递给父组件)自定义事件(通过v-on,ref给子组件绑定自定义事件)3.兄弟组件或者爷孙组件:事件总线。原创 2024-03-23 09:47:01 · 1142 阅读 · 0 评论 -
解决vscode输入英文时有黄色小方框且字母间间距过大的问题
今天写东西时,就突然不知为什么写一个字母就会有黄色方框而且间距还很大,经过网上查找原因,下面解决方法亲测有效。原创 2024-03-21 09:10:27 · 387 阅读 · 1 评论 -
Vue-组件
1.组件定义是什么?实现应用中和的2.为什么要用组件?因为一个界面的功能很复杂,使用组件化编码能够简化项目编码,能对代码进行很好的,提高运行效率3.什么叫做组件化?当应用中的功能都是的方式来编写的,那这个应用就是组件化的应用4.组件有什么类型?组件包括和。原创 2024-03-17 21:54:28 · 776 阅读 · 1 评论 -
Vue生命周期
当有人对数据进行修改时。原创 2024-03-17 18:02:28 · 794 阅读 · 1 评论 -
Vue-过滤器
过滤器:对要显示的数据进行特定格式化后再显示(用于一些简单的逻辑处理,例如可以将日期格式改为正常格式)原创 2024-03-15 19:03:28 · 365 阅读 · 1 评论 -
对MVVM模型的简单理解
data中所有的属性、computed的计算属性、methods中的方法等,最后都出现在了vue实例vm身上。vue实例vm身上所有的属性 及 Vue原型上所有属性,在Vue模板{{}}中都可以直接使用。原创 2024-03-15 11:06:40 · 1073 阅读 · 1 评论 -
解决Vue中的生产提示
当我们在代码页面上引入Vue.js(开发版本)时,运行代码会出现以下提示,这句话的意思是:您正在开发模式下运行Vue,在进行生产部署时,请确保打开生产模式。原创 2024-03-15 09:20:51 · 349 阅读 · 1 评论 -
VUE 前端!常见的npm err 问题解决办法
VUE 前端!常见的npm err 问题解决办法原创 2023-07-17 15:58:40 · 686 阅读 · 1 评论