从技术角度分析，什么是 vue.js ？
百度百科给的解释：
Vue (发音为 /vjuː/，类似 view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。
辣么官方，看完后完全没感触呀！如果照此回答来面试，那恭喜你，面试官对你的期待到此嘎然而止了。
咱们从实战开发角度上，来谈谈 vue.js
一个框架模式+三个核心特性
MVVM模式
MVC vs MVVM
MVC 和 MVVM 都是常见的软件开发模式，为方便理解 MVVM，再聊此之前，咱们先了解下 MVC 开发模式
MVC
Model ：模型（页面数据）
View ： 视图（ ui 界面）
Controller 控制器 （业务逻辑）
假如页面内容更新，需con控制器（操作dom），将模型数据渲染到view页面上，整个流程是单向的。
常见的开发框架：jQuery、bootstrap
MVVM 模式
Model ：模型数据
View ： 视图
ViewModel 视图模型
一句话来解释mvvm模式，当Model数据改变化时通过 viewModel 来更新到视图 View 上。页面上数据变化，会通过视图数据来更新到数据上。
Mvvm模式下，数据流程是通过viewmodel双向绑定的
三个核心特性
- 响应式数据绑定
Vue.js具有响应式的数据绑定，即当数据发生改变时，相关的视图会自动更新。这个特性让开发者不必关心DOM的操作，只需关心数据的变化，Vue会自动响应对应的视图变化。
- 组件化开发
vue.js 采用组件化开发的模式，将ui界面的元素划分为一个个不同的小模块，每个模块之间可以传值和互动。使得程序解耦，代码清晰，易于开发和维护。
- 路由管理
Vue.js 的路由管理能够通过URL路径控制视图的显示与隐藏。开发人员可以通过定义路由关系来控制URL与视图之间的映射关系，从而实现单页面应用程序的开发、管理和维护。Vue.js的路由管理还提供了很多扩展功能，如路由懒加载、路由钩子函数、路由传参等，帮助开发人员更加灵活地控制应用程序的交互效果。
前置环境
开发工具
vs Code
https://code.visualstudio.com/
中文语言包
vsCode 默认下载是英文配置，需要下载 chines 中文语言包
vue 模版语法 插件
Vue Language Features (Volar) 快速生成 vue 模板代码段
依赖环境
node.js
安装vue.js
script 标签引入
小项目、单页面推荐
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
|
安装vue脚手架
vue-cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，俗称脚手架
npm install -g @vue/cli
创建 && 运行 && 打包
创建项目
命令行创建项目vue create xxx
vue GUI 可视化 创建项目 vue ui
推荐 vue ui 环境预设安装
运行项目
项目创建完成后，打开控制台，为方便操作开发，建议在vscode中打开
如图：
输入命令：npm run dev
打包项目
输入命令 npm run build 回车
会执行 vuecli 脚手架中的 webpack 配置，将项目分别打包为html、css、js、static
打包后的项目在dist文件夹
