vue3的使用细节

知识点

1、setup的阶段是beforecreate和create这两个阶段还没有渲染出data

2、setup可以重复使用多次生命周期函数，划分不同的业务,使用前需要引入
import{ onmounted} from “vue”

3、provide和inject 用于嵌套组件传递数据
provide只能从父传子，inject只能从子向父接受。
如果a嵌套b,b嵌套c,那么使用provide和inject可以直接从a到c数据传递

4 vue2的版本只能有一个根节点也就是最外层只能是一个div，而vue3可以有多个

5、vue2引用的是 element vue3引用的是element plus

6、引入element plus 分为完整引入和按需引入，后者减少耗能,另外vue2和vue3的引入方式也不一样
1、、 在终端里npm install element-plus --save
2、、在main.js里。引入它还有css，还有底下要加上use

然后就可以直接在页面组件里使用。
按需引入
1、、把main.js里面的添加element的东西删了

2、、然后复制粘贴到config.js把里面的覆盖掉。
3、、重新启动 npm run serve

引入字体图标
1、、

2、、

3、、

4、、改变字体图标大小