# Vue 入门简介

Vue.js 是一个渐进式的 javascript 框架(构建用户界面的前端框架)

可以自底层向上逐层应用:

简单应用:引入轻量的插件库

复杂应用引入复杂的插件库

# 特点

# 1. 采用组件化模式提高代码复用率,让代码更好维护

# 2. 声明式编码无需操作 DOM,提高开发效率

告别传统需要反复操作 DOM 的弊端

# 3. 使用虚拟 DOM+DIFF 算法,尽量复用 DOM 节点

  1. ** 数据驱动视图:**Vue 监听数据变化,从而重新渲染页面结构 (单项数据绑定)
  2. 双向数据绑定:在网页中 form 表单负责采集数据,ajax 负责提交数据,用户不需要操作 dom 就可以获取元素的最新的数据。

js 数据的变化会自动渲染到页面上,页面上的表单采集的数据发生变化时会被 Vue 自动获取到,并更新到 js 数据中

# MVVM

  • model 表示当前页面渲染时所依赖的数据源
  • view 表示当前页面所渲染的 DOM 结构
  • ViewModel 表示 Vue 的实例,是 MVVM 的核心

表单元素发生改变时,会被 DOMlisteners 监听到,数据源发生改变时会被 databindings 监听到

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Xiao Yang Guo 微信支付

微信支付

Xiao Yang Guo 支付宝

支付宝

Xiao Yang Guo 贝宝

贝宝