vue详细介绍

1.什么是vue

          Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2.vue 创建命令

# 最新稳定版
//vue2
$ npm install vue@^2

//vue3
//npm
npm create vue@latest
//pnpm
pnpm create vue@latest
//yarn 
yarn create vue@latest
//bun
bun create vue@latest

3.vue的特性

        1.轻量级

        vue相对比较简单，上手快，学习成本比较低

        2.数据绑定
Vue是一个MVVM框架，数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处。尤其是在进行表单处理时，Vue的双向数据绑定非常方便。
        3.指令
指令主要包括内置指令和自定义指令，以"v-”开头，作用于HTML元素。指令提供了一些特殊的特性，将指令绑定在元素上时，指令会给绑定的元素添加一些特殊的行为。 例如，v-bind动态绑定指令、v-if条件渲染指令、v- for列表渲染指令等。
        4.插件
插件用于对Vue框架功能进行扩展，通过MyPlugin.install完成插件的编写，简单配置后就可以全局使用。常用的扩展插件有vue-router、Vuex等。

4.MVVM

        1.MVVM是Model-View-ViewModel只的简写，是M-V-VM 三部分组成。本质:是MVC改进版
MVVM就是将其中View的状态和行为抽象化，其中ViewModel将试图(即View)和业务逻辑分开，它可以去除Model的数据的同时帮忙处理View中由于需要展示内容而涉及的业务逻辑。
        2.MVVM采用:双向数据绑定。View中数据变化将自动反映到Model上，反之，Model中数据变化也将会自动展示在页面上，ViewModel就是View和Model的桥梁。
        3.ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回到Model。
        4.MVVM的核心思想:是关注Model的变化。让MVVM框架利用自己的机制自动更新DOM(即所说的View视图)，也就是所谓的数据-视图分离。

5.vue的版本

        vue2.x版本但是在2022年底已经停止维护了

        vue3.x版本现在还在维护

6.vue3和vue2版本的对比

        1.创建项目的环境
        2.对TS的支持程度
        3.API风格
        4.数据状态的创建方式
        5.监听机制
        6.页面组件根节点个数
        7.生命周期钩子
        8.父子组件通信Q
        9.内置组件
        10.VueRouter路由管理器