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

 

posted @ 2022-04-10 18:31  智博程序园  阅读(943)  评论(0编辑  收藏  举报