第一章节 Vue介绍

本文介绍了Vue.js的基本概念,包括MVVM思想、单文件组件和渐进式框架的特点。强调了Vue作为前端组件化思想的产物,适合构建简单到复杂的用户界面,并指出其与后端分离的优势。此外,文章还提到了学习Vue所需的基础知识,如HTML、CSS和JavaScript,以及Vue2与Vue3的主要区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 迁移指南

>>>>>>未完待续

        

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玖悦·Yoze

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值