vue3面试题

01 vue3的新特征

1.组合式API.    setUp作为组合函数的入口函数
vue3.2有了<script setup>,变量、事件、不需要要在return了
2.Teleport     传送门
3.片段         template下可以有多个标签
4.创建自定义渲染器。我的理解是 createRenderer API可以进行跨平台。
5.单文件组件组合式 API 语法糖 (<script setup>)。我的理解:在style中用v-bind绑定变量
6.SFC <style scoped> 现在可以包含全局规则或只针对插槽内容的规则 
Suspense 实验性 

02 模板指令的更改

1.组件上 v-model 用法已更改，以替换 v-bind.sync
2.<template v-for> 和非 v-for 节点上的 key 用法已更改
3.在同一元素上使用的 v-if 和 v-for 优先级已更改  ok
4.v-bind="object" 现在排序敏感

5.v-on:event.native 修饰符已移除  ok
就是说你不可以通过native给组件注册原生事件了。
如果要给组件使用原生事件怎么办了？
Vue 现在将把它们作为原生事件监听器添加到子组件的根元素中 
(除非在子组件的选项中设置了 inheritAttrs: false)。阻止原生事件的触发
emits: ['click'],这样就可以去注册原生事件了
 
6.v-for 中的 ref 不再注册 ref 数组

03 被移除的 API

1. keyCode 作为 v-on 修饰符的支持 ok

2. $on、$off 和 $once 实例方法 ok
bus.$on('getCheckboxStatus',(res,c) => { }) 监听事件
//取消监听'getCheckboxStatus'事件
beforeDestroy(){
	bus.$off('getCheckboxStatus');
}

$once 可以给组件实例绑定一个自定义事件，
但该事件只能被触发一次，触发之后随即被移除
@click="$emit('onceHander')"
this.$once('onceHander',()=>{})
他们配合使用
	
3. 过滤器 (filter) ok

4. 内联模板 attribute
 $children 实例 property
 propsData 选项
 $destroy 实例方法。用户不应再手动管理单个 Vue 组件的生命周期。
 
5.全局函数 set 和 delete 以及实例方法 $set 和 $delete。基于代理的变化检测已经不再需要它们了。