-
哪些项目是 Vue 做的
2025/10/15 点击：6484
很多知名项目使用 Vue.js 开发。比如饿了么，它的前端界面采用 Vue.js 构建，实现流畅交互和良好用户体验。代码示例创建简单 Vue 列表： const app = new Vue({ el: '#app', data: { items: ['item1',
-
Vue.js数据驱动原理之响应式原理
2025/10/15 点击：1447
Vue.js数据驱动核心是响应式原理。它用Object.defineProperty()把对象属性转为getter/setter。当属性值变了，Vue能监测到并更新关联DOM。 var obj = {};Object.defineProperty(obj, 'message', { get: function() {
-
Vue.js数据驱动原理之虚拟DOM
2025/10/15 点击：7282
虚拟DOM是轻量级JavaScript对象，是真实DOM抽象。Vue把虚拟DOM渲染成真实DOM。数据变化时，Vue会生成新虚拟DOM，和旧的对比，找出差异更新真实DOM。 // 简单虚拟DOM示例var oldVnode = { tag: 'di
-
Vue3中使用Vue.js的原因 - 响应式系统
2025/10/15 点击：4846
在Vue3中，使用Vue.js的一个重要原因是其强大的响应式系统。Vue.js能够自动追踪数据的变化，并实时更新DOM。例如，当一个数据变量的值改变时，与之绑定的DOM元素会自动更新。 // 创建
-
Vue3中使用Vue.js的原因 - 组合式API
2025/10/15 点击：4702
Vue3引入了组合式API，这是使用Vue.js的另一个重要原因。组合式API使得代码的逻辑复用和组织更加方便。比如，可以将相关的逻辑封装在一个函数中。 // 封装一个逻辑函数import { ref } f
-
传统前端开发模式简介
2025/10/15 点击：4314
传统的前端开发模式主要基于 HTML、CSS 和 JavaScript。HTML 用于构建网页结构，CSS 负责页面样式，JavaScript 实现交互效果。 !DOCTYPE htmlhtml lang="zh"head meta charset="UTF-8" title示例页面/title style
-
传统前端开发的文件引入
2025/10/15 点击：6727
在传统前端开发中，可将 CSS 和 JavaScript 代码写在单独文件里，再引入 HTML 文件。 !DOCTYPE htmlhtml lang="zh"head meta charset="UTF-8" title引入外部文件示例/title link rel="stylesheet" href="styles.css"/hea
-
前端MVVM模式简介
2025/10/15 点击：1783
前端MVVM模式是一种前端开发架构，它把视图和数据分离，提升开发效率。 MVVM由视图（View）、视图模型（ViewModel）和模型（Model）构成。视图是用户看到的界面；模型是数据和业务逻辑
-
MVVM模式的数据绑定
2025/10/15 点击：2991
MVVM模式的核心是数据绑定，它能让视图和数据自动同步。 有单向数据绑定和双向数据绑定。单向是数据变化更新视图；双向是视图变化也能更新数据。 // 单向数据绑定示例const data =
-
Vue3组合式API开发模式
2025/12/07 点击：7660
Vue3引入了组合式API，它能让开发者更灵活地组织代码。组合式API将逻辑按功能组织，而非像选项式API按选项组织。 // 示例1：定义响应式数据import { ref } from 'vue';const count = ref(0); // 运行
