Vue 简介

1.Vue是什么?

Vue 是一个用于 构建用户界面 的 渐进式 框架

  1. 构建用户界面:基于 数据 动态 渲染 页面
  2. 渐进式: 循序渐进 的学习,理解一部分即可进行实现
  3. 框架:一套完整的项目解决方案, 提升开发效率↑ (理解记忆 规则 ) [ 规则 → 官网 ]

2. 构建 Vue 实例

创建 Vue 实例,初始化渲染的核心步骤:

  1. 准备容器
  2. 引包 (官网) - 开发版本 / 生产版本
  3. 创建 Vue 实例 new Vue()
  4. 指定配置项 el data => 渲染数据
    ① el 指定挂载点,选择器指定控制的是哪个盒子
    ② data 提供数据、

3.Vue的核心特征:响应式

响应式特征:即当数据发生改变的时候,Vue监听到 数据修改,数据也发生改变;

示例:比如在控制台或者dev-tools中进行调整


参考:

003-Vue是什么_哔哩哔哩_bilibili

相关推荐
Cacciatore->1 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~2 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo4 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
贵沫末22 分钟前
React——基础
前端·react.js·前端框架
aklry34 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin9341 分钟前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子41 分钟前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户38022585982442 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug44 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo44 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos