摘要：
1. v-if原理：v-if 是 条件渲染，会根据条件判断来 动态地销毁和重建 DOM 元素。 性能：当条件为 false 时，v-if 会完全移除该元素及其所有子元素；当条件变为 true 时，它会重新渲染这个元素。适用于切换条件较少的场景，或者当切换频繁时不太重要。 使用场景： 当某些内容需要根 阅读全文
posted @ 2025-12-29 11:41
学无边涯
阅读(7)
评论(0)
推荐(0)
摘要：
<div>{{num}}</div> <button @click="add">++</button> <script>import SaleCard from "../../components/SaleCard.vue";import { mapState,mapActions } from ' 阅读全文
posted @ 2025-12-27 14:31
学无边涯
阅读(2)
评论(0)
推荐(0)
摘要：
<div>{{num}}</div> <button @click="add">++</button> <script>import { mapState, mapMutations } from "vuex";export default { name: 'HomeIndex', componen 阅读全文
posted @ 2025-12-27 14:13
学无边涯
阅读(4)
评论(0)
推荐(0)
摘要：
1,组件直接用 <div>{{$store.getters.doubleNum}}</div> 2, 计算属性用法 <div>{{doubleNum}}</div> computed:{ doubleNum(){ return this.$store.getters.doubleNum } } 3， 阅读全文
posted @ 2025-12-27 13:45
学无边涯
阅读(6)
评论(0)
推荐(0)
摘要：
1，组件直接用法 <div>{{$store.state.num}}</div> 2,计算属性里面用法 <div>{{num}}</div> computed:{ num(){ return this.$store.state.num } } 3,用mapState <div>{{num}}</di 阅读全文
posted @ 2025-12-27 13:41
学无边涯
阅读(2)
评论(0)
推荐(0)
摘要：
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state:{ num:11 }, getters:{ }, mutations:{ }, actions:{ } } 阅读全文
posted @ 2025-12-27 13:28
学无边涯
阅读(5)
评论(0)
推荐(0)
摘要：
1，params（路径参数 /user/:id） { path: '/product/:id', name: 'productDetail', component: ProductDetail } router.push({ name: 'productDetail', params: { id: 阅读全文
posted @ 2025-12-26 16:35
学无边涯
阅读(2)
评论(0)
推荐(0)
摘要：
1, route 当前路由信息 只读为主，你用它来获取：path / name / params / query / hash / meta / matched 等 // 读当前路由参数this.$route.params.idthis.$route.query.keywordthis.$route 阅读全文
posted @ 2025-12-26 15:56
学无边涯
阅读(5)
评论(0)
推荐(0)
摘要：
<template> <div class="hello"> <table> <tr><td><input type="text" v-model="firstName"></td> <td><input type="text" v-model="lastName"></td> <td>{{full 阅读全文
posted @ 2025-12-17 13:11
学无边涯
阅读(7)
评论(0)
推荐(0)
摘要：
防抖的实现原理： 用户输入数据时，watch 会被触发。 防抖通过 设置一个定时器，如果在设定的时间间隔内，watch 被触发多次，那么只有最后一次触发会被执行。 如果在设定的时间内没有触发，就会执行一次操作。 data() { return { searchText: '', timer: nul 阅读全文
posted @ 2025-12-17 09:55
学无边涯
阅读(4)
评论(0)
推荐(0)
浙公网安备 33010602011771号