1 Vue 安装及入门

本文介绍了Vue的基本概念,包括MVVM模式中的模型、视图和视图模型,重点阐述了数据双向绑定的工作原理。同时,提供了在VSCode中设置中文的步骤,并简单介绍了Vue的HTML文件创建和CDN文件的使用。
摘要由CSDN通过智能技术生成

Vue简介

Vue 是一套构建用户界面的渐进式框架。
Vue 只关注视图层,采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

Vue 是一款前端框架, 主要特点是数据绑定及组件化。

组件化:经常使用的公共方法封装起来,需要用的时候直接引入进来。
页面上小到一个按钮都可以是一个单独的件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来。

MVVC

MVVM 是Model-View-ViewModel 的简写。即模型-视图-视图模型。

【模型】指的是后端传递的数据(ajax 异步的方式)。
【视图】指的是所看到的页面。
【视图模型】mvvm 模式的核心,它是连接view 和model 的桥梁。它有两个方向:

一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。
二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。

实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。
总结:在MVVM 的框架下视图和模型是不能直接通信的。它们通过ViewModel 来通
信,ViewModel 通常要实现一个observer 观察者,当数据发生变化,ViewModel 能够监
听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,
ViewModel 也能监听到视图的变化,然后通知数据做改动,这实际上就实现了数据的双

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值