vue2/vue3知识点

1.keep-alive应用场景？

keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，比如说刚刚填好的表单数据。那么就可以利用keep-alive来实现。在搭建 vue项目时，有某些路由组件没必要多次渲染，所以需要将组件在内存中进行·持久化’，此时在router-view上使用keep-alive。 keep-alive可以使被包含的路由组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重新染。
include -字符串或正则表达式。只有名称匹配的组件会被缓存。exclude -字符串或正则表达式。任何名称匹配的组件都不会被缓存，max-数字最多可以缓存多少组件。

2.vue有哪些内置组件？

component             动态组件

transition                动画

transition-group      动画

keep - alive             缓存

slot                          插槽

3.vue-slot插槽

首先呢,所谓的插槽就是一个占位符，将自定义组件的内容展示出来`.我们知道自定义的组件里面如果写内容的话，页面是不会显示出来的，如果我们想让自定义组件里面的内容显示出来，我们就需要使用slot的插槽。
1. 默认插槽`: 又名匿名插槽，当s1ot没有指定name属性值的时候一个默认显示插槽，一个组件内只有有一个匿名插槽。
2. 具名插槽`:带有具体名字的插槽，也就是带有name属性的slot，一个组件可以出现多个具名插
槽。

3. 作用域插槽`:默认插槽、具名插槽的一个变体，可以是匿名插槽，也可以是具名插槽，该插槽的不同点是在子组件渲染作用域插槽时，可以将子组件内部的数据传递给父组件，让父组件根据子组件的传递过来的数据决定如何渲染该插槽。

4.前端项目跨域？

1.跨域解决方案:
1.1前端方式:
-JSONP:通过动态创建 script标签，来实现跨域请求数据，利用script标签没有跨域限制的特性，但只支持 GET 请求。
-proxy代理:通过在同域名下设置代理服务器，将跨域请求转发到目标服务器，再将响应结果返回给浏览器，但需要额外的服务器开销。

1.2后端方式:
-CORS:在服务端设置响应头，允许跨域请求，需要浏览器支持，兼容性较好-nginx 反向代理:通过在 nginx服务器上设置反向代理，将跨域请求转发到目标服务器，再将响应结果返回给浏览器，但需要额外的服务器开销。Nginx 是一款高性能的 web 服务器和反向代理服务器，可以用来解决跨域问题