手摸手，教新手vue3 vite vuex vue-router element-plus 最基本的使用方式（包含props和provide/inject用法）

本文章仓库地址：https://github.com/sssdh1994/newProject

请自行clone install run dev并star或watch一把梭。

 

此项目适合连vue都不是很熟，或vue3组合式API没看过的人阅读，

主要内容为一个element表格的数据增删改查，一个多级嵌套的数据共享的组件页面。

下面开始正文。

 

1.vite环境安装vue

根据vitejs文档，指引，开始第一个项目内，地址为：https://cn.vitejs.dev/guide/#%E6%90%AD%E5%BB%BA%E7%AC%AC%E4%B8%80%E4%B8%AA-vite-%E9%A1%B9%E7%9B%AE

根据自己的npm版本，选择适当命令，当前选择

npm init @vitejs/app my-vue-app -- --template vue

。

2.安装element-plus

element 为vue3写的新ui版本为element-plus

安装方式：