前言：

经过一段时间对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