2025年2月22日

编译宏 definedProps、definedEmits、definedOptions、definedSlot

摘要： <template> <div>{{prop.dataProp}}</div> {{ a }}{{ b }} <div v-for="item in prop.dataProp" :key="String(item)"> {{ item }} <slot :item="item"></slot> < 阅读全文

posted @ 2025-02-22 22:23 ChoZ 阅读(5) 评论(0) 推荐(0) 编辑

pinia 持久化插件

摘要： import { createApp } from 'vue' import './style.css' import App from './App.vue' // import SelfComponent from './study/selfComponent/component.vue' // 阅读全文

posted @ 2025-02-22 19:05 ChoZ 阅读(22) 评论(0) 推荐(0) 编辑

pinia $reset、$subscribe、$onAction

摘要： <template> <div @click="[store.count++,store.increment()]"> 直接通过实例.就可以获取 {{ store.count }} {{ store.sex }} </div> <div @click="reset">恢复</div> </templ 阅读全文

posted @ 2025-02-22 16:46 ChoZ 阅读(5) 评论(0) 推荐(0) 编辑

pinia action和getter

摘要： import {defineStore} from 'pinia' import {StoreName} from './store-name' // StoreName是id，用于区分不同的store，自定义即可 export const useStore = defineStore(StoreN 阅读全文

posted @ 2025-02-22 15:31 ChoZ 阅读(3) 评论(0) 推荐(0) 编辑

pinia 解构state

摘要： <template> <div @click="change"> 直接通过实例.就可以获取 {{ store.count }} {{ store.sex }} </div> {{ count }} </template> <script setup lang='ts'> import { useSt 阅读全文

posted @ 2025-02-22 14:55 ChoZ 阅读(4) 评论(0) 推荐(0) 编辑

pinia 修改state

摘要： <template> <div @click="change"> 直接通过实例.就可以获取 {{ store.count }} {{ store.sex }} </div> </template> <script setup lang='ts'> import { useStore } from ' 阅读全文

posted @ 2025-02-22 12:29 ChoZ 阅读(6) 评论(0) 推荐(0) 编辑

pinia基础使用

摘要： import {defineStore} from 'pinia' import {StoreName} from './store-name' // StoreName是id，用于区分不同的store，自定义即可 export const useStore = defineStore(StoreN 阅读全文

posted @ 2025-02-22 11:40 ChoZ 阅读(4) 评论(0) 推荐(0) 编辑

pinia安装介绍

摘要： 1.介绍 2.安装 npm i pinia -S import {createPinia} from 'pinia' const store = createPinia() app.use(store) 阅读全文

posted @ 2025-02-22 11:18 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

unocss原子化

摘要： https://xiaoman.blog.csdn.net/article/details/125650172 阅读全文

posted @ 2025-02-22 00:02 ChoZ 阅读(3) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示