Vue基础开发入门之简单语法知识梳理（思维导图详解）

前言：

经过一段时间对Vue框架的学习后，特此绘制了一个思维导图来检验和巩固自己学习的Vue基础知识和心得体会。

此篇文章对于刚学习Vue框架的朋友来讲是个不错的推荐。

一、Vue基础知识梳理的思维导图

1.知识点

基于个人写的以下关于Vue框架基础学习的三篇随笔，在此基础上，做一个阶段性的知识总结，以此来检验自己对Vue这一段时间学习的成果，内容不多，但很值得一看。

主要是以下三点进行总结的：

Vue开发环境配置：https://www.cnblogs.com/zbcxy506/p/zbcxy506_1vue-01.html

• Vue简介和一些开发环境的配置详解

 

 

 

• MVVM主要由模型、视图和视图模型三部分组成。 Model是指数据部分，主要负责业务数据的View是指视图的部分，也就是DOM元素，负责处理视图。
• ViewModel是连接视图和数据的数据模型，用于拦截模型或视图的更改。
• MVVM无法直接与数据模型和视图视图进行通信。 视图模型ViewModel相当于观察者，监视双方的动作，及时通知进行适当的操作。
• 当Model发生变化时，ViewModel可以拦截该变化，并通知View适当的修改。
• 相反，当View发生变化时，ViewModel在拦截变化后，通知Model修改，解除视图和模型的相互连接。

 

Vue基础知识一：https://www.cnblogs.com/zbcxy506/p/zbcxy506_1vue-02.html

• 讲解Vue实例对象的创建、常用内置指令的使用、自定义组件的创建、生命周期（钩子函数）等
• 使用Vue框架创建一个简单的学生列表实现增加和删除数据信息的功能

 

Vue基础知识二：https://www.cnblogs.com/zbcxy506/p/note_1vue-03.html

• Vue中的全局API、实例属性和全局配置，以及组件进阶的基础知识
•  关于Vue.directive()、Vue.use()等常用全局API的使用，vm.$props、vm.$options、vm.$slots等实例属性的使用
• 以及Vue全局配置、组件的mixins、组件中渲染函数的使用。

 

以上思维导图由在线工具（百度脑图实现）：https://naotu.baidu.com/

百度脑图查看链接:http://naotu.baidu.com/file/4a953ad7bae06169cbf7c3375f708a1f?token=07b6602ab10e5006

 

总结：

以上便是本篇文章所写的关于Vue基础知识梳理思维导图的全部内容，希望会对你的Vue学习有所帮助。

码字不易，对你有帮助的话，请给个三连（关注、点赞、收藏）另外有问题可评论区留言讨论。

后期会完善Vue进阶语法的相关知识，有帮助的话，敬请关注楼主持续更新中ing 。。。（不定时发文）

转载时请注明出处链接（谢谢！！！）

 

参考文档：

 1.vue官方文档：Vue.js (vuejs.org)

 2.传智播客-黑马程序员（教材）：http://stu.ityxb.com/

 

其他随笔推荐（作者力推）：

1. 十大排序算法（Java实现）：https://www.cnblogs.com/zbcxy506/p/zbcxy506_3arithmetic-01.html