06 2025 档案

Vuex 的出现解决了什么问题?
摘要：Vuex 的出现，主要解决了 Vue 项目中组件之间“状态共享混乱”的问题。 Vuex 解决的问题：组件之间数据通信混乱 在 Vue 应用中： 父子组件之间可以通过 props 和 $emit 通信； 兄弟组件之间需要使用事件总线（event bus）或通过共同的父组件转发； 多层嵌套组件传值变得 阅读全文
posted @ 2025-06-30 17:05 煜火 阅读(15) 评论(0) 推荐(0)
Vuex 的5个核心属性是什么?
摘要：Vuex 是 Vue.js 的官方状态管理库，它通过 5 个核心属性 来管理组件间共享的状态。 Vuex 的 5 个核心属性 属性名 类型 作用说明 state 对象 存储全局状态数据（即“数据源”），所有组件都可以访问 getters 对象/函数 类似于 computed，用于从 state 中派 阅读全文
posted @ 2025-06-26 16:50 煜火 阅读(52) 评论(0) 推荐(0)
什么是Vuex
摘要：Vuex 是 Vue.js 官方提供的 状态管理库，用于在多个组件之间 集中式管理共享状态。 在 Vue 项目中：如果有数据是多个组件都需要用的（比如用户信息、购物车数据，那么就可以放到 Vuex 里统一管理，避免组件之间手动传来传去，就像一个公共的数据仓库（Store），所有组件都可以：从 Vue 阅读全文
posted @ 2025-06-25 17:15 煜火 阅读(14) 评论(0) 推荐(0)
Vue 中怎么自定义过滤器
摘要：在 Vue 中，自定义过滤器（filters）是一种格式化文本输出的方式，通常用于模板中的数据展示。Vue 3 已废弃过滤器语法，但 Vue 2 仍然支持。 Vue 2 中自定义过滤器的写法 全局过滤器定义 // main.js 中注册全局过滤器 Vue.filter('capitalize', f 阅读全文
posted @ 2025-06-24 16:57 煜火 阅读(10) 评论(0) 推荐(0)
Vue-loader 是什么？使用它的用途有哪些？
摘要：Vue-loader 是 Webpack 的一个 loader（加载器），专门用于解析和转换 Vue 单文件组件（SFC，即 .vue 文件）。它将 .vue 文件中的<template>,<script>和<style> 代码块拆解，并交给对应的处理器（如 Babel、Sass 等）进行处理，最终 阅读全文
posted @ 2025-06-23 17:39 煜火 阅读(77) 评论(0) 推荐(0)
Vue 中key 值的作用是什么
摘要：当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素，key的作用主要是为了高效的更新虚拟DOM 阅读全文
posted @ 2025-06-20 17:18 煜火 阅读(10) 评论(0) 推荐(0)
什么是Vue的计算属性
摘要：在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能多次使用的情况下，尽量采取计算属性的方式，好处：使得数据处理结构清晰；依赖于数据，数据更新，处理结果自动更新； 计算属性内部this指向vm实例 在template 调用时，直接写计算属性名即可 常用的是getter方法， 阅读全文
posted @ 2025-06-19 17:28 煜火 阅读(5) 评论(0) 推荐(0)
computed中的属性名和data中的属性名可以相同吗？
摘要：不能同名，因为不管是computed属性名还是data数据名还是props数据名都会被挂载在vm 实例上，因此这三个都不能同名 if (key in vm.$data) { warn( `The computed property "${key}" is already defined in dat 阅读全文
posted @ 2025-06-18 17:46 煜火 阅读(15) 评论(0) 推荐(0)