VUE3 Day12pinia

最新推荐文章于 2024-08-28 11:59:16 发布
最新推荐文章于 2024-08-28 11:59:16 发布
阅读量177 收藏
点赞数 2
分类专栏： VUE2+3学习资料 文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52284271/article/details/136968622
版权
本文介绍了在使用Pinia时，如何在解构过程中应用`storeToRefs`语法，强调了与方法处理的区别，指出方法不需要官方文档支持，且提及了默认配置的使用情况。
摘要由CSDN通过智能技术生成

pinia
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
属性在解构时需要用到storeToRefs语法，而方法则不需要
在这里插入图片描述
在这里插入图片描述
官方文档：https://prazdevs.github.io/pinia-plugin-persistedstate/zh/

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果不配将使用pinia的默认配置
在这里插入图片描述
在这里插入图片描述

瑜 ～
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习Vue3 Day3（Pinia）
G24gg的博客
04-28 1199
Pinia 提供了插件系统，可以用来扩展 Pinia 的功能，使用 pinia-plugin-persistedstate 来实现数据持久化，例如：自定义存储方式、持久化路径、序列化方法等,如下具体步骤
vite + vue3.0 + pinia + ts创建项目
Hyacinth的博客
11-16 753
vite + vue3.0 + pinia + ts创建项目
vue3学习day04-provide和inject、defineOptions、defineModel、Pinia、pinia持久化
2301_76648183的博客
08-08 1062
已知在views文件夹下的login中有一index.vue文件命名时出现两个script，无法新增name属性。
Vue3 + ElementPlus + Pinia 小兔鲜电商项目 视频教程 下载
2401_84572204的博客
07-01 990
│ Day4-14.详情页-图片预览组件-props适配和整体总结.mp4。│ Day4-12.详情页-图片预览组件-放大镜-滑块跟随移动.mp4。│ Day4-13.详情页-图片预览组件-放大镜-大图效果实现.mp4。│ Day7-08.拓展课-SKU组件-点击规格更新选中状态.mp4。│ Day7-10.拓展课-SKU组件-初始化时更新禁用状态.mp4。│ Day4-09.详情页-热榜区-基础组件封装和数据渲染.mp4。
Vue_day2
m0_64425997的博客
04-26 530
mitt是一个小型的js库，提供了一个事件总线的功能。
小兔鲜Vue3 项目学习笔记Day01
不被定义的程序媛写的博客儿
05-18 1453
vue3现在使用很广泛，必学！vue3项目，本文主要是学习项目功能实现并进行总结。配套资料的话去B站下方自己拿。持续更新…
Vue3 [Day11]
weixin_63681863的博客
08-26 411
Vue3语法: 组合式API、ref、reactive;Vue3生命周期函数; defineExpose、 defineOptions等； pinia ;storeToRefs
Vue3 + TS + Antd + Pinia 从零搭建后台系统(三) Pinia + 全局loading + 公共方法
zuo0407的博客
06-07 347
想了解Pinia的可看该博主的文章，挺详细的。此篇不做讲解，只讲实际应用。此处为了接口的规范性，添加了interface。在api文件夹中添加接口文件types.ts。
【 Vue 拓展 | (一) 】：一个案例搞懂 pinia 的使用
weixin_74895237的博客
02-06 1167
符合直觉的 Vue.js 状态管理库在学习之前，先来了解什么是 pinia 以及为什么要使用 pinia 👇比如说这是一个项目的基础结构，当组件很少的时候可以通过组件通信来解决，但当组件多了起来这样再去实现组件通信就显得尤其困难，所以需要一个库可以替我们集中式存放很多组件中需要共享的数据（状态），这就是pinia的官方介绍符合直觉的 Vue.js 状态管理库，比如常见的用户登录数据、购物车数据都属于多组件共享的数据，需要一个地方集中式的存储和读取等等。pinia相比于 另一个状态管理库vuex。
day12-Pinia入门.pdf
04-09
- **创建Vue 3项目：** 使用 `npm create vue@latest` 命令来初始化一个新的 Vue 3 项目。 - **安装Pinia：** 根据官方文档提供的指南，使用 npm 或 yarn 将 Pinia 安装到项目中。 ##### 2. Pinia的基础使用 - ...
采用VUE3+Nuxt3框架开发，专门为企业定制的SEO官方网站模板
06-05
1、定框架的大体方向。...3、如果需要后端接口，那么Axios、Pinia也是必不可少的插件，如果有国际化的要求，让你的网站走向世界，那么加入i18n是一个不错的选择。 4、其他的工具类插件：day.js、useVue
2022年大厂必备，开箱即用的vue3+vite+ts最强模板
马乐
01-24 3382
前言 即将来到的新的一年，注定是Vue3崛起的一年，也将是以Vite为代表进入构建加速时代的一年。 我在之前的《2022年哪些前端技术会火？》提过，我们早在2020年就已经使用vue3框架，并开发了数个商业级项目，已验证其框架的稳定性。 最近，尤大发布了Vue3成为默认版本的消息，意味着vue3将成为社区维护的主要方向。 为了让更多的小伙伴快速进入vue3，我在Github发起了一个开源模板fast-vue3，以提供开箱即用的脚手架，快速渡过一档起步(各种配置)，直接体验加速阶段（实际项目）。配置本身并没有
AI 大模型时代，对前端工程师有哪些机遇和挑战？
最新发布
Z4400840的博客
08-28 315
AI 大模型时代为前端工程师带来了丰富的机遇，同时也带来了挑战。前端工程师需要积极适应这些变化，掌握新的技能，以抓住时代发展的红利。通过不断学习和提升技术水平，前端工程师可以在AI时代中发挥更大的作用，创造更多的价值。
前端宝典十六：深入浅出8大设计模式
franktaoge的博客
08-24 1318
本文主要探讨前端开发中的各种设计模式，主要分类有： - 单例模式 - 建造者模式 - 代理模式 - 装饰器模式 - 适配器模式 - 策略模式 - 观察者模式 - 发布订阅模式 通过对他们实际开发中的使用场景的解析，深入浅出的一起更全面直观的进行学习：
浏览器精度问题
m0_46281382的博客
08-25 478
浏览器如何解析后端返回的long类型的数据
前端：篮球投掷动画
懒羊羊大王的博客
08-23 1052
使用 H5 和 CSS3 实现的一个篮球投掷动画。 玩法：通过点击篮球所在的绿色(紫色)容器，实现篮球的投掷和回收。
WebRTC 实时通信：构建高效网页视频通话的秘诀
liuxin33445566的博客
08-24 650
WebRTC 是一个开源项目，由Google于2010年启动，旨在通过简单的API实现浏览器间的实时音视频通信。它允许开发者在网页应用中轻松集成音视频通话、文件共享、屏幕共享等功能。
vue-cli搭建项目过程
2302_78078800的博客
08-25 954
前端js框架 vue-cli的使用
vue3中下载pinia
06-22
在Vue 3中，你可以按照以下步骤来下载并配置Pinia： 1. 安装Pinia[^1]: ```bash npm install @pinia/core ``` 2. 创建并初始化Pinia实例: ```javascript // index.ts import { createPinia } from '@pinia/core'; // 引入Pinia库 // 1. 创建 Pinia store const pinia = createPinia(); // 使用createPinia函数创建store // 3. 导出store以便在其他模块中使用 export default pinia; ``` 3. 在main.ts中使用和生效Pinia: ```javascript // main.ts import { createApp } from 'vue'; import App from './App.vue'; // 导入你的应用组件 import pinia from './store'; // 导入刚才创建的Pinia store // 4. 在Vue应用中使用Pinia const app = createApp(App); app.use(pinia); // 将Pinia store注册到Vue实例上 // 5. 挂载应用到DOM元素 app.mount('#app'); // 将应用挂载到id为'app'的HTML元素上 ``` 这样，你就已经在Vue 3项目中成功安装并使用了Pinia。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值