一个小白的vue之路(一)——关于vue的简单了解

本文为Vue框架初学者提供了一个入门指南,介绍了单页面富应用、数据驱动页面和MVVM模式等核心概念,适合没有前端框架经验的新手。文章强调了对node.js和es6基础的了解对学习Vue的重要性。

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

前言:因为公司需要我开始学习vue框架,在此之前我没有接触过类似的前端框架,只是懂一些h5css3还有js的基础语法,可以说是一个前端的小白。时至今日已经有一周多了,一些vue基础的东西都接触过了。现在我把我在学习过程中遇到的难点不懂的记录下来,希望对一些和我一样的初学者有所帮助,同时欢迎大家评论指导。接下来,我们话不多说进入正题!

关于vue的简单了解

在学习之前我们要先了解几个概念:单页面富应用数据驱动页面MVVM模式。还有我们需要对node.jses6基础了解,这会对你对vue理解与使用有很大帮助。
单页面富应用
一个后台管理网站(如下图)为例,我们传统的网站大多是个多页面应用程序,页面左侧导航与右侧页面之间的跳转大多是通过点击a标签在对应的iframe标签下加载所需页面这种方式完成的,页面会刷新。而现在页面不刷新也可以做到,例如vue/react框架。它们只是加载了index页面然后动态的往上挂载组件。
在这里插入图片描述
数据驱动页面
vue是一个数据驱动页面的框架,这是它最大的特点。在以往的页面中我们都是用js/jquery通过获取dom元素对象然后根据数据作相应的操作。而现在vuejs帮我们封装了数据和dom对象操作的映射,我们只需要关心数据的逻辑处理,数据的变化就能够自然的通知页面进行页面的重新渲染。
MVVM模型
vue.js的数据驱动就是通过MVVM这种框架来实现的。MVVM框架主要包含3个部分:model、view和 viewmodel。
Model:指的是数据部分,对应到前端相当于javascript对象
View:指的是视图部分,对应前端相当于dom
Viewmodel:就是连接视图与数据的中间件通讯
推荐:这是一边关于vue介绍比较好的文章——[(https://nb.mbd.baidu.com/5o6857s?f=cp)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值