摘要：
Vuex 是 Vue.js 的官方状态管理库，它通过 5 个核心属性 来管理组件间共享的状态。 Vuex 的 5 个核心属性 属性名 类型 作用说明 state 对象 存储全局状态数据（即“数据源”），所有组件都可以访问 getters 对象/函数 类似于 computed，用于从 state 中派 阅读全文
posted @ 2025-06-26 16:50
煜火
阅读(56)
评论(0)
推荐(0)
摘要：
Vuex 是 Vue.js 官方提供的 状态管理库，用于在多个组件之间 集中式管理共享状态。 在 Vue 项目中：如果有数据是多个组件都需要用的（比如用户信息、购物车数据，那么就可以放到 Vuex 里统一管理，避免组件之间手动传来传去，就像一个公共的数据仓库（Store），所有组件都可以：从 Vue 阅读全文
posted @ 2025-06-25 17:15
煜火
阅读(20)
评论(0)
推荐(0)
摘要：
在 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 是 Webpack 的一个 loader（加载器），专门用于解析和转换 Vue 单文件组件（SFC，即 .vue 文件）。它将 .vue 文件中的<template>,<script>和<style> 代码块拆解，并交给对应的处理器（如 Babel、Sass 等）进行处理，最终 阅读全文
posted @ 2025-06-23 17:39
煜火
阅读(87)
评论(0)
推荐(0)
摘要：
当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素，key的作用主要是为了高效的更新虚拟DOM 阅读全文
posted @ 2025-06-20 17:18
煜火
阅读(11)
评论(0)
推荐(0)
摘要：
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能多次使用的情况下，尽量采取计算属性的方式，好处：使得数据处理结构清晰；依赖于数据，数据更新，处理结果自动更新； 计算属性内部this指向vm实例 在template 调用时，直接写计算属性名即可 常用的是getter方法， 阅读全文
posted @ 2025-06-19 17:28
煜火
阅读(6)
评论(0)
推荐(0)
摘要：
不能同名，因为不管是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)
浙公网安备 33010602011771号