IT

现在有这么一个情况是存在以下指令：

1
2
3
4
5
6
7

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "electron": "electron-forge start",
    "build": "node build/build.js",       
    "package":"electron-packager . Electron_Vue应用 --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=1.0.1 --overwrite --ignore=node_modules"
  }

我们将要执行start和electron指令，常规的做法是依次npm run start和npm run electron即可；

一、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

查看版本号