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 阅读(25) 评论(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 阅读(33) 评论(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 阅读(99) 评论(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 阅读(10) 评论(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 阅读(8) 评论(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 阅读(40) 评论(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 阅读(6) 评论(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 阅读(12) 评论(0) 推荐(0)

unocss原子化

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

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

导航