初识vue

vue是什么

简单来说vue就是一个用于构建用户界面的前端框架。

vue的两个特性

1.数据驱动视图
数据驱动视图
在使用了vue的页面中,vue会监听数据变化。当数据发生变化时,页面会自动重新渲染,减少了dom操作。

2.双向数据绑定
双向数据绑定
开发者不需要手动操作dom来获取表单元素的最新值。在填写表单时双向数据绑定会自动将用户填写的最新值同步到数据源中。

MVVM

MVVM是什么
MVVM是vue实现数据驱动视图以及双向数据绑定的核心原理。MVVM指的是Model、View、ViewModel。
MVVM示意图在MVVM概念中:
Model 表示当前页面渲染时所依赖的数据源。
View 表示当前页面所渲染的DOM结构。
ViewModel 表示vue的实例,它是MVVM的核心。

MVVM工作原理:
MVVM的工作原理图

1.当数据源发生变化时,会被ViewModel监听到,ViewModel会根据最新的数据源自动更新页面的结构。
2.当表单元素的值发生变化时,也会被ViewModel监听到,ViewModel会把最新监听到的值自动同步到Model数据源中。

Vue初体验

vue初体验

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值