【Vue】基础系列(一)初识 - 简单使用 - 创建Vue对象 - 双向数据绑定 - 显示数据 - MVVM模式

【Vue】基础系列(一)初识 - 简单使用 - 创建Vue对象 - 双向数据绑定 - 显示数据 - MVVM模式_第1张图片

文章目录

  • 0. 基本认识
    • 0.1 特点
    • 0.2 与其他前端 JS 框架的关联
    • 0.3 Vue 扩展插件
  • 1. 引入Vue.js
  • 2. 创建Vue对象
    • 2.1 el
    • 2.2 data
    • 关于el和data的两种写法
  • 3. 双向数据绑定 : v-model & 显示数据 : { {xxx}} 插值语法
    • 例子
  • 4. 理解Vue的MVVM实现
    • M
    • V
    • VM
    • MVVM

0. 基本认识

渐进式 JavaScript 框架,用来动态构建用户界面

https://cn.vuejs.org/
在这里插入图片描述

0.1 特点

  1. 遵循 MVVM 模式
  2. 编码简洁,体积小,运行效率高,适合 移动/PC 端开发
  3. 它本身只关注 UI,可以轻松引入 vue 插件或其它第三方库开发项目
  4. 采用组件化模式,提高代码复用率、且让代码更好维护
  5. 声明式编码,让编码人员无需直接操作DOM,提高开发效率
  6. 使用虚拟DOMDiff算法,尽量复用DOM节点

0.2 与其他前端 JS 框架的关联

借鉴 angular 的 模板数据绑定 技术
借鉴 react 的 组件化虚拟DOM 技术

0.3 Vue 扩展插件

vue-cli:vue 脚手架
vue-resource(axios):ajax 请求
vue-router:路由
vuex:状态管理(它是 vue 的插件但是没有用 vue-xxx 的命名规则)
vue-lazyload:图片懒加载
vue-scroller:页面

你可能感兴趣的:(前端框架Vue,vue,js)