vue学习相关记录
文章平均质量分 55
迷途执晓
道路漫长而狭窄,我要不断前行,努力寻找心中的太阳
展开
-
关于单页面加载机制与路由懒加载是否冲突的问题
搭配上路由懒加载后能够实现某种优化,此时的优点是“当用户访问到一个已经访问过的组件时,组件不会重复加载内容,而是将之前加载好的内容拿出来给用户,但是多页面加载并不具备此功能,会重新加载;因此使用路由懒加载,仅在切换相应路由的时候加载相应组件内容(js、模板、css、数据),有效减少首屏加载时长;单页面指的是一个html通过路由进行多个组件的切换和加载,实现的功能构造,它在一开始就加载所有的html,css,js,用户使用时无需重复加载,切换组件更为流畅;4、便于设置切换动画,切换动画可以做的更为炫酷。...原创 2022-09-01 14:43:27 · 254 阅读 · 0 评论 -
vue3的学习(终)
前面的文章,对比了vue2和vue3的区别,以及说明了vue3的基础概念和语法,这一章记录一下vue3的更多新增语法…原创 2022-07-23 22:24:27 · 227 阅读 · 0 评论 -
vue3的学习(四)
vue3相较于vue2拥有很大的升级与不同这里继续记录vue2与vue3的不同与区别在vue3中,由于不再使用实例来进行方法,因此在全局组件的形式上,也略有区别,但主要是在引入方式上,主要代码区别不大代码为了方便对比,这里放上vue2的全局注册方式关于vue3中的过滤器说明:在vue3中,不再支持过滤器,也就是说,过滤器被直接移除了,因为官方认为过滤器完全可以让开发者自己写一个函数进行数据处理,没有必要专门做一个语法,过滤器...原创 2022-07-13 22:01:22 · 1471 阅读 · 0 评论 -
vue3的学习(三)
在前面说了vue3的新特性与其新添加的setup函数和实现响应式更新的三个方法前面的学习这里继续记录vue的新特性和方法,以及不同于vue2之处;在vue3中,生命周期函数并没有什么大变化,依然是八大生命周期函数,这里值得一提的是setup中的生命周期函数,在setup函数中,没有创建之前(beforeCreate)与创建完成(created)这两个函数,因为这两个函数在外界已经完成建立,而且setup函数的主要作用也是创建;剩下的生命周期函数如果要在setup中使用需要...原创 2022-07-10 22:51:21 · 450 阅读 · 0 评论 -
vue3的学习(二)
vue3与vue2在代码使用上有了很大的区别,更加趋向于原生js的格式,使用composition可以将界面中重复的部分连同其功能一起提取为可重用的代码段,从而提高应用的可维护性和灵活性setup函数是vue3与vue2的一个重要的不同,setup函数在组件被创建之前,props之后进行解析执行,解析完成后,props就作为了组合式apl的入口。setup函数的调用发生在data、computed和methods等属性之前,这些属性无法在setup中被获取使用...原创 2022-07-09 20:44:57 · 2189 阅读 · 0 评论 -
Vue3的学习(一)
vue3测试于2020年九月,直至2021年底成为vue的核心库,在此之前市场上大部分所使用vue搭建的项目为vue2,但vue3取代于vue2已经成为必然的趋势,在学习vue3之前建议提前学习vue2,待到vue3占据市场大部分时就可以对vue2仅做了解的学习vue3相较于vue2有更多的优势,具体表现于性能方面:项目打包体积更小初次渲染更快,更新渲染更快需要的运行内存更小使用了Proxy(代理)替代了Object.defineProtype,实现了数据的响应虚拟DOM更新了算法 和 Tree-Shaki原创 2022-07-07 21:57:31 · 361 阅读 · 0 评论