Vue经典面试题_227题(部分题没答案).pdf_前端面试题

Vue经典面试题_227题(部分题没答案).pdf_前端面试题 MVVM 模式 MVVM 模式是 Model-View-ViewModel 的缩写，代表一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，View 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的，因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。 MVVM 和 MVC 的区别 MVVM 和 MVC 都是一种设计思想。主要区别是 MVC 中的 Controller 演变成了 MVVM 中的 ViewModel。MVVM 主要解决了 MVC 中大量的 DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。 Vue 的优点 1. 低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的" View "上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。 2. 可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面，让很多 View 重用这段视图逻辑。 3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。 4. 可测试。界面素来是比较难于测试的，而现在测试可以针对 ViewModel 来写。 Vue-cli 工程技术 1. Vue.js：Vue-cli 工程的核心，主要特点是双向数据绑定和组件系统。 2. Vue-router：Vue 官方推荐使用的路由框架。 3. Vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护 Vue 组件间共用的一些变量和方法。 4. Axios（Fetch、Ajax）：用于发起 GET、POST 等 HTTP 请求，基于 Promise 设计。 5. Webpack：模块加载和 Vue-cli 工程打包器。 6. ESLint：代码规范工具。 Vue-cli 工程常用 npm 命令 1. npm install：下载 node_modules 资源包的命令。 2. npm run dev：启动 Vue-cli 开发环境的 npm 命令。 3. npm run build：Vue-cli 生成生产环境部署资源的 npm 命令。 4. npm run build--report：用于查看 Vue-cli 生产环境部署资源文件大小的 npm 命令。 Vue-cli 工程文件夹和文件的用处 1. build 文件夹：保存一些 webpack 的初始化配置。 2. config 文件夹：保存一些项目初始化的配置。 3. node_modules：npm 加载的项目依赖的模块。 4. src 目录：我们要开发的目录。 * assets：用来放置图片。 * components：用来放组件文件。 * app.vue：项目入口文件。 * main.js：项目的核心文件。 Package.json 配置 1. name：项目名称。 2. version：项目版本号。 3. description：项目描述。 4. main：项目入口文件。 5. scripts： npm 脚本命令。 * build：webpack 打包命令。 * sync：gulp 同步命令。 * syncbuild：gulp 同步并执行webpack 打包命令。 6. author：项目作者。