Web前端最全Vue3有哪些不向下兼容的改变(1)，头条android面试题

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

Vue.prototype.$http = () => {}

// after - Vue 3

const app = Vue.createApp({})

app.config.globalProperties.$http = () => {}

3. 全局方法现在在app实例上

| vue2.x | vue3 |

| — | — |

| Vue.component | app.component |

| Vue.directive | app.directive |

| Vue.mixin | app.mixin |

| Vue.use | app.use |

4. 现在需要手动挂载根元素

app.mount(“#app”)

5. Tree-shaking

“

In Vue 3, the global and internal APIs have been restructured with tree-shaking support in mind.

”

没有用到的方法(代码)最后不会被打包到最终的包中。这可以优化项目体积。但是用法也需要进行改变：

import { nextTick } from ‘vue’

nextTick(() => {

// something DOM-related

})

不能再使用Vue.nextTick/this.$nextTick

???异步组件需要显示定义

---

import { defineAsyncComponent } from ‘vue’

const asyncPage = defineAsyncComponent(() => import(‘./NextPage.vue’))

???$attrs 将包含class和style

---

vue2.x中，class和style会被直接设置在组件的根元素上并且不会出现在$attrs中。但是在vue3中，如果子组件只有一个根元素，则class和style会被直接设置在该元素上。超过一个则不会设置。如果组件中设置了inheritAttrs: false，则无论如何都不会自动设置根元素的class和style。

$listeners被移除

事件监听器也被包含还在了$attrs中。

现在属性透传更方便了！

???指令

---

指令和组件生命周期更契合，并使用统一的命名。

| vue2.x | vue3 |

| — | — |

| bind | beforeMount |

| inserted | mounted |

| - | beforeUpdate (新) |

| update (移除) | - |

| componentUpdated | updated |

| - | beforeUnmount (新) |

| unbind | unmounted |

新特性fragments

---

允许组件有多个根元素！

template允许设置key

---

循环template再也不用往里面设置key了。

scopedSlots正式弃用

---

vue2.6中对slot进行了改版，但是仍然对scopedSlots兼容，vue3正式弃用掉scopedSlots

监听数组变化需要用deep属性啦

---

如果不加deep只能检测整个数组被替换。

$children 被移除

---

如果想访问子组件，使用$refs。

事件API被移除

---

$on,$off,$once不再使用。2.x的EventBus方法不能再使用。

???Filter被移除！淦

---

不能再用|使用filter。Sad。

参考

–

• 本篇文章整理自官方文档：https://v3.vuejs.org/guide/migration/introduction.html

相关文章

---

1. Vue3的学习记录

2. Vue3开发踩坑

3. 一篇文章上手Vue3中新增的API

最后

–

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript