Vue.js 是一个流行的前端 JavaScript 框架,用于构建用户界面和单页面应用。
1.
a. 响应式系统
Vue 的核心是其响应式系统。通过 data 对象,Vue 能够追踪依赖关系,并在数据变化时自动更新视图。
b. 组件
组件是 Vue 的基本构建块。每个 Vue 应用都是由一棵组件树构成的。组件可以嵌套、复用,并且可以拥有自己的状态和视图。
c. 模板语法
Vue 使用基于 HTML 的模板语法,允许开发者声明式地将数据渲染进 DOM。模板语法包括插值({{ }})、指令(如 v-bind 和 v-model)等。
d. 生命周期钩子
Vue 组件有一系列生命周期钩子(如 created、mounted、updated、destroyed 等),允许开发者在特定阶段执行代码。
2. 指令
v-bind:动态绑定属性。
v-model:实现双向数据绑定。
v-for:遍历数组或对象。
v-if / v-else / v-else-if:条件渲染。
v-show:基于条件显示元素(通过 CSS 控制)。
v-on:绑定事件监听器。