Vue相关知识
文章平均质量分 54
临在❀
这个作者很懒,什么都没留下…
展开
-
Vue面试
Vue 3的代码库使用了TypeScript进行重写,提供了更好的类型推断和类型检查,使得开发者在使用TypeScript时能够获得更好的开发体验。Vue 3采用了模块化的设计,可以按需引入所需功能,减少了不必要的文件体积。响应式系统改进:Vue 3的响应式系统进行了改进,使用Proxy替代了Vue 2中的Object.defineProperty,提供了更好的性能和开发体验。Teleport组件:Vue 3引入了Teleport组件,可以将组件的内容渲染到DOM树的任意位置,提供了更大的灵活性。原创 2023-09-04 12:54:03 · 748 阅读 · 0 评论 -
Vue 3的Diff算法相比Vue 2有哪些具体的改进?
而在Vue 3中,对Fragments进行了优化,可以直接将其内部的内容合并到父级中,减少了虚拟DOM层级,提高了Diff算法的效率。总的来说,Vue 3的Diff算法在细节上进行了一系列的优化,通过引入Patch flag、静态标记和提升、Fragments优化以及动态属性的快速路径等改进,进一步提升了Diff算法的效率和性能,使得Vue 3在渲染性能方面有显著的改进。对于动态属性,Vue 3会使用更快速的路径进行处理,减少了比较的开销,提高了Diff算法的性能。原创 2023-09-04 12:45:48 · 959 阅读 · 0 评论 -
VDOM(虚拟DOM)真的很快吗?
Virtual DOM,虚拟DOM。数据驱动视图,技术方案:VDOM。原创 2023-04-06 03:22:10 · 397 阅读 · 0 评论 -
Vue-Router笔记大全
刚刚我们使用js与vue实现了一个简易的路由,但是实际工作中我们并不推荐这么做,而是推荐使用Vue.js官方提供的路由管理器,它是一个功能更加强大的前端路由器,更符合企业级项目的需要。)和Vue.js的核心深度集成,可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue RouterVue Router的特性:支持H5历史模式或者hash模式支持嵌套路由。原创 2023-04-02 20:47:33 · 705 阅读 · 0 评论 -
vuex中mutations与actions的区别
当你的操作行为中含有异步操作,比如向后台发送请求获取数据,就需要使用action的dispatch去完成了。//actions中的方法。//mutations中的方法。dispatch是提交执行actions中的方法,action 提交的是多个Mutations,action不可以修改store中的数据,需要commit mutation中的方法进行数据修改。commit是提交执行mutations中的方法,Mutations 是修改数据的,原子操作,原创 2023-03-29 03:56:09 · 188 阅读 · 0 评论 -
VueX是什么?好处?何时使用?
如果没有VueX实现数据间的共享,那么就像左边,紫色数据需要一层一层往上传递,再一层一层往下传递,最终传递到目标组件中。一般情况下,只有组件之间共享的数据,才有必要存储到vuex中,对于组件中的私有数据,依旧存储在组件自身的data中即可。如果使用了Vuex,那么就像右边,紫色组件将数据共享到store中,其他组件直接用,避免的一层层的传递数据的过程。VueX是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。③:存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步。原创 2023-03-29 02:18:32 · 458 阅读 · 0 评论 -
Vue组件之间传值
Vue组件之间传值。原创 2023-03-29 01:52:33 · 102 阅读 · 0 评论 -
Vue中computed和watch的区别
watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个或多个数据(称它们为依赖数据)发生变化的时候,所有依赖这些数据的 “相关” 数据 “自动” 发生变化,也就是自动调用相关的函数去实现数据的变动。原创 2023-03-29 01:44:13 · 271 阅读 · 0 评论