上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页
摘要: 理解 Vue 的单向数据流,是掌握 Vue 响应式机制和组件通信的基础之一。它可以简要理解为: 什么是单向数据流? 数据只能从父组件流向子组件,不能反过来。 图示理解: 父组件(Parent) ↓ props 子组件(Child) 父组件通过 props 把数据传给子组件。 子组件不能直接修改从父组 阅读全文
posted @ 2025-08-07 15:10 煜火 阅读(21) 评论(0) 推荐(0)
摘要: SPA(Single Page Application,单页面应用)是一种 Web 应用程序的架构模式,它在 首次加载时只加载一个 HTML 页面,后续用户与页面的交互都通过 JavaScript 动态更新视图,而无需重新加载整个页面。 一句话解释: SPA 是用户访问整个网站时,只用加载一次页面, 阅读全文
posted @ 2025-08-06 16:08 煜火 阅读(75) 评论(0) 推荐(0)
摘要: 在 Vue 中,<style scoped> 的作用是 让样式只作用于当前组件内部,防止样式“污染”其他组件,也防止被其他组件覆盖。 原理简述 当你在 <style> 标签中加上 scoped: <style scoped> .my-box { color: red; } </style> Vue 阅读全文
posted @ 2025-08-05 16:33 煜火 阅读(35) 评论(0) 推荐(0)
摘要: 在 Vue CLI 创建的标准项目结构中,src/ 目录是项目的核心,它包含了你要开发的主要内容。下面是 src/ 目录下常见的文件和文件夹及其作用: src/ 目录结构及说明 src/ ├── assets/ ├── components/ ├── views/ ├── router/ ├── s 阅读全文
posted @ 2025-08-04 16:12 煜火 阅读(25) 评论(0) 推荐(0)
摘要: Vue 页面第一次加载卡顿,常见于项目体积大、组件复杂、资源加载慢的场景。这个问题一般出现在「首屏加载」阶段,主要优化目标是让用户尽早看到内容、尽早可操作。 一、从根本上减轻页面体积 1. 路由懒加载 // 路由配置中使用 import() 动态加载组件 const routes = [ { pat 阅读全文
posted @ 2025-08-01 15:27 煜火 阅读(510) 评论(0) 推荐(0)
摘要: Vue 项目优化是一个系统性的工程,主要目标是提升 性能、可维护性、用户体验和打包效率。下面是 Vue 项目优化的全套解决方案,分为多个维度: 一、打包构建优化 技术点 优化方式 ✅ 代码分包 使用 Webpack 的 splitChunks,让第三方库、业务代码分离 ✅ 路由懒加载 compone 阅读全文
posted @ 2025-07-31 16:51 煜火 阅读(64) 评论(0) 推荐(0)
摘要: 在 Vue(尤其是 Vue2)中使用插件的步骤主要包括以下 3 步: 一、引入插件(import / require) import MyPlugin from 'my-plugin' 如果是 UMD 格式的插件,也可以通过 <script src="..."> 方式引入。 二、使用 Vue.use 阅读全文
posted @ 2025-07-30 16:45 煜火 阅读(21) 评论(0) 推荐(0)
摘要: Vue 2.0 默认支持 IE9 及以上版本,但具体说明如下: Vue 2.x 的 IE 浏览器支持情况: 浏览器版本 支持情况 说明 IE9 ✅ 支持 需要 polyfill,不支持组件 v-model(表单绑定)在某些场景 IE10 ✅ 支持 基本兼容,建议至少用这个版本 IE11 ✅ 完整支持 阅读全文
posted @ 2025-07-28 17:17 煜火 阅读(117) 评论(0) 推荐(0)
摘要: 在 Vue(包括 Vue 2 和 Vue 3)中,模板中的 HTML 注释默认不会被渲染到最终的 DOM 中,这是 Vue 编译器的行为。它会忽略掉模板中的 <!-- ... --> 注释,只渲染实际的 DOM 元素。 问题背景示例: <template> <div> <!-- 这是注释 --> < 阅读全文
posted @ 2025-07-24 16:39 煜火 阅读(29) 评论(0) 推荐(0)
摘要: Vue.js Template 编译流程简析 vue 模板并不是直接运行的 HTML,而是经过 编译器把模板字符串编译成渲染函数(render function),然后通过虚拟DOM(VNode)和响应式数据驱动视图更新。 1. 模板 (Template) <template> <div>{{ me 阅读全文
posted @ 2025-07-23 17:47 煜火 阅读(14) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页