Vue面试题

1. Vue全家桶是什么

官方给 vue 的定位是前端框架，因为它提供了构建用户界面的一整套解决方案:

• vue (核心库)
• vue-router (路由方案)
• vuex (状态管理方案)
• vue 组件库 (快速搭建页面 UI 效果的方案)

以及辅助 vue 项目开发的一系列工具:

• vue-cli (npm 全局包:一键生成工程化的 vue 项目 - 基于 webpack、大而全)
• vite (npm 全局包:一键生成工程化的 vue 项目 - 小而巧)
• vue-devtools (浏览器插件:辅助调试的工具)
• vetur (vscode 插件:提供语法高亮和智能提示)

2. 单页面应用程序的优缺点

优点:

① 良好的交互体验

• 单页应用是一次性请求完数据的，之后内容的改变都是通过js实现的，因此速度快
• 获取数据也是通过 Ajax 异步获取
• 没有页面之间的跳转，不会出现“白屏现象”

② 良好的前后端工作分离模式

• 后端专注于提供API接口，更易实现API接口的复用
• 前端专注于页面的渲染，更利于前端工程化的发展

③ 减轻服务器的压力

• 服务器只提供数据，不负责页面的合成与逻辑的处理，吞吐能力会提高几倍

缺点：

① 首屏加载慢

解决方案：

• 路由懒加载
• 代码压缩
• CDN加速
• 网络传输压缩

② 不利于 SEO 
解决方案：

• SSR服务器端渲染

3. 计算属性和侦听器的应用场景区别

• 计算属性侧重于监听多个值的变化，最终计算并返回一个新值
• 侦听器侧重于监听单个数据的变化，最终执行特定的业务处理，不需要有任何返回值

4. Vue组件库和bootstrap的区别

Bootstrap提供的是包装好的原材料，提供给用户自己布局页面，想要和Vue配合使用，还要自己封装组件。

Vue组件库是基于 Vue 的包装好的组件，支持 Vue 语法，高度定制，开箱即用。