Pinia 是最近流行的状态管理库，可以替代 Vuex。

Nuxt.js是基于vue的一个全栈（这里全栈的意思是支持CSR和SSR）开发框架或者说开发套件，支持SSR（服务端渲染）、SSG（静态站点生成）、SPA（单页面应用），它提供了vue不提供的路由、缓存、接口服务、SSR，并对开发场景做了大量优化，开箱即用。

Vue3和React16.8都已经支持了 hooks 作为组件编写的方式。

做项目的时候遇到了浏览器自动填充了密码框的问题。

父组件中向子组件的slot插入内容一般只能使用父组件本身的数据，如果想要在父组件中使用子组件中的数据作为内容插入子组件的slot该怎么办。

这个时候就要用到作用域插槽了。

Vue中的ref和reactive都是用于创建响应式数据的函数，那他们有什么区别呢？

Vue数据绑定的实现原理从Vue2的 Object.defineProperty() 对象属性劫持改为了Vue3的 Proxy 数据代理。

由于Vue2的双向绑定是基于 Object.defineProperty() 的，这个方法只能监听 data 里面已经存在的属性，并不能对于新添加的属性进行监听，故而直接给data添加新属性是无法被vue监听到并绑定到页面上的。

这里注意：是没办法添加data下的一级属性的，必须事先定义。

下面是几种给data中的属性添加新属性的方法。

Vue2和Vue3的区别。

官网文档写的过于啰嗦。

一句话总结就是： teleport 组件用于包裹html代码或者组件，配合 to 可以指定包裹的内容被渲染到哪个标签之下（使用类似jQuery的选择器指定标签，使用id，class等选择器，不要使用标签选择器）。