1.为什么要学Vue
比起创新,学习是最简单的事情。
点根烟开始...........
玖悦更新这个也是为了敦促自己再回头复习总结一遍,同时分享给广大小伙伴,尤其后端的小伙伴,学习过程中遇到一些额外的知识,比如node、typescript的一些,我也会给狗子们单独拿出来讲解,看过我其他博文的狗子们肯定知道玖悦的风格,玖悦每周至少更新两篇,以总结式的方式呈现Vue知识点。
我们先看看官方的解释:
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。
玖悦给大家翻译下:
Vue其实就是前端组件化思想之后的产物,组件化也可以理解为模块化,比如之前你写前端,
页面的架构需要自己设计,包括布局、样式等等,后面又来JQuery封装了一些API,随后又出现
了前端的美化组件框架bootstrap、JS框架组件,样式和JS结合后台的框架组件,比如Layui,如果
你是后端开发人员,Layui是一个不错的选择。
学了Vue之后,你会发现你想造一个房子,你可以使用vite搭建地基和造房子的框架(即脚手架),后面使用Vue的组件开始拼凑即可,然后使用node启动前端服务,和后端通过接口进行交互,这就是纯粹的前后端分离。
总结下来:
1.构建简单,拆解方便,扩展容易;
2.学完之后很快就能上手微信小程序,因为语法和思想太像了,tx果然再copy界名不虚传,但是换句话,好的设计思想确实应该被学习和模仿;
3.利用node前后端完全分离。
2.学习Vue的基础
很多人其实都是有基础的,学习起来并不难,学习Vue需要:
1.html和CSS基础;
2.js基础(一定要学习完JS对象,有些黑心培训机构给后端人员都不讲解JS对象知识的)。
其他的比如node、js的一些进阶、typescript,这些遇到的话就针对性的学习下,也很快的。当然组件化的思想慢慢培养,如果有其他组件的一些学习基础,比如Layui等,学习起来就很快,不过没有也没关系。
3.Vue MVVM思想
提起Vue3,就会提到MVVM的思想,很多学习过Spring的后端小伙伴肯定知道MVC思想,Python的Django框架是MTV思想,其实就是前端视图(View)、数据模型(Model)、视图数据模型(View-Model)。
下面就是Vue的MVVM模型:Model-View-ViewModel
View:负责展现数据,我们看到的就是view
Model:数据模型,一般都是后端获取的数据,你可以整体将后端看成是Model
View-Model:视图和数据的关联模块,数据怎么响应到视图,视图更新数据之后怎么更新到数据模型。
4.单文件组件
这么理解:一个文件(比如首页)是一个统一的母板,其他都是这个母板的子组件。具体的后面会有专门的介绍。
5.渐进式框架
是Vue画的一个饼,当然目前看来确实是这样的,就是和你一起成长。
6.选项式API、组合式API
Vue的两种开发风格,后面会详细介绍。
7.和Vue2的区别
还是有区别的吗,但是说句实话,区别不是很大。
大家阅读下这个非兼容性改变 | Vue 3 迁移指南
>>>>>>未完待续