Vue

一、UI组件及框架（原文地址：https://tangjiusheng.com/vue/155.html）

element - 饿了么出品的Vue2的web UI工具套件

mint-ui - Vue 2的移动UI元素

iview - 基于 Vuejs 的开源 UI 组件库

Keen-UI - 轻量级的基本UI组件合集

vue-material - 通过Vue Material和Vue 2建立精美的app应用

muse-ui - 三端样式一致的响应式 UI 库

vuetify - 为移动而生的Vue JS 2组件框架

一、vue2和vue3双向数据绑定原理的区别？

vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的
vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势：
可直接监听数组类型的数据变化
性能的提升
监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升
可直接实现对象属性的新增/删除

二、根节点的不同

vue2只接受一个跟几点，而vue3在组件中支持多个根节点.

通过Vite创建的Vue3项目是可以跟Vue2项目共存的，即不影响我们旧的Vue2的项目。

前提条件：已安装 15.0 或更高版本的 Node.js

1）在需要创建项目的文件夹下打开终端，并执行指令：

npm init vite@latest

1）安装Node（转淘宝镜像）和2.x版本的vue-cli

安装node后可通过指令：node –version

查看版本号

安装vue-cli后可通过指令：vue –version 或 vue -V

查看版本号

通常情况下我们是修改config》index.js》assetsPublicPath的值：
开发环境：’/‘
生产环境：’./‘

来解决这个问题，但是我们每次在开发和生产环境（测试与打包）切换的时候，就要手动去修改这个值，这是比较麻烦的，万一忘记修改了，打包到线上就会出现异常，相当烦人！
有没有一个让npm进行测试运行和打包的时候自动切换这个路径的一劳永逸的办法呢？

答案是有的！