初识Vue

一、什么是渐进式框架？

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

什么是渐进式框架？ 简单理解就是：Vue不强求你一次性接受并使用它的全部功能特性。Vue 被设计为可以自底向上逐层应用，也就是说用你想用或者能用的功能特性，你不想用的部分功能可以先不用。

在这里插入图片描述
举例来说

  • 场景一：如果你只是使用Vue做一些基础操作，如：页面渲染、数据的双向绑定、或者一些Vue的指令，只要按需引入即可，并不需要你去引入其他复杂特性功能。
  • 场景二：如果我们想实现代码组件化，实现代码的复用，或者是基于组件原型的跨项目的代码复用。那么我们就可以引入Vue的components组件特性。
  • 场景三：如果一些稍大型的项目，我们可能会用到前端路由（Vue Router）、状态集中管理（VueX）、并最终实现一个高度工程化的前端项目。那么这些功能特性我们可以逐步引入，当然不用也可以。
二、Vue 核心基础图解
1、生命周期

在这里插入图片描述

2、数据的双向绑定（MVVM）

MVVM
在这里插入图片描述

3、组件化（Component）

在这里插入图片描述

4、父子组件通信（Emit&Props）

在这里插入图片描述

5、全局状态管理（VueX）

在这里插入图片描述

相关链接
# vue.js # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue