2024年Vue 3学习笔记：Vu3基础的完整指南_禹神vue3核心技术.md

开篇总结

首先声明：这篇笔记中是在学习禹神最新Vue3教程记下来的，其中有一些自己写的笔记见解、搬禹神、vue、vite官网的一些笔记。主要目的还是给自己多一点知识点的总结。其实一遍下来，基本大部分都会，所以学习会很快。有几点我得好好在下面总结。

1.学习到的新点

• props和provide传值可以通过传函数给下面的组件，组件调用后传参可以更改父元素。
• 一个reactive响应式对象中包含有ref类型数据，通过reactive可以直接获取数据，有解包的过程
• 新了解的mitt进行组件间的通信
• 禹神yyds，作用域插槽每次看到都会有不一样的见解，但是不用容易忘，这次讲的例子很让人记忆深刻

2.学习的建议

• 虽然之前通过各个方面资源学习vue，其中主要是通过官网和禹神的vue2视频学习，学习也简单，但是很重要的一点，就是要去多练，多接触，要不然很容易忘的。
• 想学习更多的东西，看官网挺好的，当然听老师讲可能会对一个知识点豁然开朗。

1.创建 Vue3 工程

1.1 【基于 vue-cli 创建】

备注：现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。

## 查看 @vue/cli版本，确保@vue/cli版本在4.5.0以上
vue --version
vue -V
## 安装或 升级你的 @vue/cli
npm install -g @vue/cli
## 执行创建命令
vue create vue_test
## 随后选择 3.x
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)

## 下面基于webpack搭建项目成功后执行下面的命令就是成功创建Vue3项目！！！
? Please pick a preset: Default ([Vue 3] babel, eslint)


Vue CLI v5.0.8
✨  Creating project in F:\桌面\vue_test.
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/269309