十天学完Vue学习总结

绝地灬酷狼 2023-10-04 19:57 40阅读 0赞

## 一、学习时间的安排 ##

![441471834e5e4293b408a95103982b6b.png][]

每次学习一门新语言的时候，我会习惯性创建一个文件夹，到我学完Vue基础时一共用了十天的时间。每一天几乎是一个知识点，或者是知识点对于的作业或者是项目。

## 二、共有多少个知识点可以学习 ##

![0252f3a97f2942a3b8264fb420bfa77d.png][]

做完思维导图之后，我总结出一共只需要学习十一个知识点。

下面这三个都比较基础，因此我放在了一篇博客中。

> #### 1、vue简介 ####
> 
> 内容比较概念，了解，看过即可。
> 
> #### 2、vue入门 ####
> 
> 类似HelloWorld都是对一门新语言的基本了解。
> 
> #### 3、vue指令 ####
> 
> 对我来说有点类似html的标签，学过的人会更好上手，不过对于vue指令的用法要多注意！

#### 4、计算属性 ####

计算属性重要的大概就是与方法的区别及其用在什么时候？什么时候用方法，什么时候用计算属性。

#### 5、vue生命周期 ####

vue生命周期的概念也是看看了解即可，重要的还是用法，开始和结束的节点比较重要，更多的在以后做项目中可以体现。

#### 6、vue组件 ####

组件对于刚学习vue的人来说是个比较新的概念，和后面学习的插槽和路由都有相同之处。

#### 7、组件间的通信 ####

对于传输数据非常重要，但是学到11、vuex可替代，因此也是需要了解，会用。

#### 8、插槽 ####

辅助作用，对以后用框架能更加理解！

#### 9、vue路由 ####

五星学习推荐（必学会，必学通），多用于导航栏、页面之间的切换。

#### 10、axios ####

五星学习推荐（必学会，必学通），与后端交互的一个方式。

#### 11、vue状态管理-vuex ####

不用进行组件间通信（繁琐），把数据封装起来，读取很方便！

## 三、学习思路 ##

分享一下，我学vue基础的一个思路

> 首先：我会粗读一遍文档内容
> 
> ![8a21792075514d4caa25f25d2c505e2d.png][]
> 
> 但是无比的枯燥，相信这是很多初学者的心情。

> 当我通读完之后 ，我会选择做一份思维导图（根据自身情况，学完后做思维导图也一样，但是学完之后我就会偷懒，所以我喜欢在刚开始学习的时候去做）
> 
> ![2447ffdadbbf4c9fb641947741edce72.png][]
> 
> ![ec678fdb99c44a659ce5ec32180cb9c8.png][]
> 
> 自己动手之后，这样是不是就有趣多了呢？
> 
> 而且当我回顾知识点的时候内容也比较清晰。

> 最后我会跟着文档的内容一个个敲出来！入门时一定是手敲。
> 
> 敲的时候代码和文档中看到的内容进行匹配，从而把知识点加固在脑海中！
> 
> ![dcc8124d2d854980b99a45d4ecbaa358.png][]

## 四、学后总结 ##

当然不是只有看看和跟着敲这么简单，要做1~2个项目加以理解

> 我做的第一个项目是：音乐网站（不需要后台技术，发送请求就可以获得数据）
> 
> ![4e9f05b10012452d89f246340f85ef50.png][]
> 
> 适合新手小白练手

> 第二个项目是一个点餐系统：前后端进行交互，适合想往全栈发展的小白去做
> 
> ![7ed8438795204c45ab0d03f483ab82cf.png][]

最后祝大家学好吃好喝好！我的vue学习专辑就结束啦！

![b6d324ba705b4138997b1fda93cf7886.jpeg][]

[441471834e5e4293b408a95103982b6b.png]: https://img-blog.csdnimg.cn/441471834e5e4293b408a95103982b6b.png
[0252f3a97f2942a3b8264fb420bfa77d.png]: https://img-blog.csdnimg.cn/0252f3a97f2942a3b8264fb420bfa77d.png
[8a21792075514d4caa25f25d2c505e2d.png]: https://img-blog.csdnimg.cn/8a21792075514d4caa25f25d2c505e2d.png
[2447ffdadbbf4c9fb641947741edce72.png]: https://img-blog.csdnimg.cn/2447ffdadbbf4c9fb641947741edce72.png
[ec678fdb99c44a659ce5ec32180cb9c8.png]: https://img-blog.csdnimg.cn/ec678fdb99c44a659ce5ec32180cb9c8.png
[dcc8124d2d854980b99a45d4ecbaa358.png]: https://img-blog.csdnimg.cn/dcc8124d2d854980b99a45d4ecbaa358.png
[4e9f05b10012452d89f246340f85ef50.png]: https://img-blog.csdnimg.cn/4e9f05b10012452d89f246340f85ef50.png
[7ed8438795204c45ab0d03f483ab82cf.png]: https://img-blog.csdnimg.cn/7ed8438795204c45ab0d03f483ab82cf.png
[b6d324ba705b4138997b1fda93cf7886.jpeg]: https://img-blog.csdnimg.cn/b6d324ba705b4138997b1fda93cf7886.jpeg