• 1、如何创建和嵌套组件
• 2、如何添加标签和样式
• 3、如何显示数据
• 4、如何渲染条件和列表
• 5、如何对事件做出响应并更新界面
• 6、如何在组件间共享数据

• 1、为组件的 props 标注类型
• 2、为组件的 emits 标注类型
• 3、为 ref() 标注类型
• 4、为 reactive() 标注类型
• 5、computed() 标注类型
• 6、为事件处理函数标注类型
• 7、为 provide / inject 标注类型
• 8、为模板引用标注类型
• 9、为组件模板引用标注类型

vue-router 路由模式有几种？

• 有 Hash 和 History 两种模式

• Hash: 使用URL的hash值来作为路由。支持所有浏览器。
• History: 以来HTML5 History API 和服务器配置。

vue-router有哪几种导航钩子？

• 有3种。
• 1、第一种是全局导航钩子：router.beforeEach(to,from,next)。作用是跳转前进行判断拦截。
• 2、第二种是组件内的钩子。
• 3、第三种是单独路由独享组件。

router-link上事件无效解决方法

• 使用 @click.native 。原因：router-link会阻止click事件，.native指直接监听一个原生事件。

KeepAlive是什么？

• KeepAlive是vue内部的一个组件
• 包裹动态组件时，会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染

kep- alive有两个生命周期

• 1、activated在keep- alive组件激活时调用；
• 2、deactivated在keep-live组件停用时调用。