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

导读:本篇文章讲解 Vue基础开发入门之简单语法知识梳理(思维导图详解),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

言:

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

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

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

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

1.知识点

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

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

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

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

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、组件中渲染函数的使用。

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

 

以上思维导图由在线工具(百度脑图实现)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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/15360.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!