首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >(十五)OptionsApi 创建 Pinia

(十五)OptionsApi 创建 Pinia

作者头像
老怪兽
发布于 2023-02-22 07:48:01
发布于 2023-02-22 07:48:01
30800
代码可运行
举报
运行总次数:0
代码可运行

一、OptionsApi 创建 Pinia

说明

  • 其实 optionsApi 配置 piniavuex 是一样的,如果已经会配置 vuex 了,那么 piniaoptionsApi 也已经会了
  • 需要注意的是,当使用 optionsApi 配置的时候,defineStore 的第二个参数是一个 对象
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { defineStore } from 'pinia'

export default useNoteStore = defineStore('note', {
    state() {
        return {
            noteList: [
                {
                    title: '标题',
                    desc: '详情'
                }
            ],

            seachText: ''
        }
    },

    getters: {
        // 普通的方法
    },

    actions: {
        // 逻辑处理
    }
})

二、使用箭头函数的形式

  • 如果使用箭头函数的话,就不能通过 this 来访问上面的状态,此时箭头函数接收一个,state 作为参数,通过这个参数来访问 state 的值
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
getters: {
    searchNotes: (state) => {
    // 如果搜索框为 空 就展示所有 noteList
    if(state.searchText === '') {
        return state.noteList
    } else {
        return state.noteList.filter(note => {
            return state.noteList.title.includes(state.searchText)
        })
    }
}
}

三、使用普通函数的形式

  • 如果使用普通函数的形式的话就可以使用 this 来访问了
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
getters: {
    searchNotes() {
        // 如果搜索框为 空 就展示所有 noteList
        if(this.searchText === '') {
            return this.noteList
        } else {
            return this.noteList.filter(note => {
                return this.noteList.title.includes(this.searchText)
            })
        }
    }
}

四、获取其他 state

  • 获取其他 state 不能放在 defineStore 外面获取, 只能在单个方法里面获取,获取的方法如下
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { useUserStore } from '@/store/user.js'

actions: {
    addNote(title, desc) {
        cosnt userStore = useUserStore()

        if(userStore.isLoggedIn) {
            // ...
        } else {
            // ...
        }
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月28日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
第40期:MySQL 分区表案例分享
基于时间类分区我之前写过实现篇、细节篇。今天来继续分享一下时间类分区的真实案例:某家互联网公司数据库系统的表调优过程。
爱可生开源社区
2022/03/16
6340
Zabbix 分区优化
文章主要介绍了如何通过修改MySQL配置文件中的PARTITION参数来达到提升性能的目的。具体来说,可以通过设置合适的PARTITION值来减少分区数,从而提高查询速度。同时,建议使用InnoDB引擎,并合理配置参数,以达到最佳性能。
腾讯云TStack
2017/11/09
3.7K0
Zabbix MySQL MariaDB 数据库分表
Zabbix 数据库在没有使用分区分表功能,默认使用Housekeeping(管家功能)进行删除历史数据和趋势历史记录,如果zabbix数据库使用了分区分表功能需要把Housekeeping(管理功能)关闭。Housekeeping功能监控数据量少可以使用,但监控数据量多每次执行删除旧数据会降低MySQL数据库性能,并且还会产生很多空间碎片。经常会出现警报" Zabbix housekeeper processes more than 75% busy"的告警。(zabbix_server.conf配置文件两个参数进行历史记录数据删除:间隔多久删除一次,默认单位小时HousekeepingFrequency=1,一次删除多少数据,默认单位行MaxHousekeeperDelete=5000)。
Kevin song
2021/09/15
2.4K0
MySQL普通表转换为分区表实战指南
本文将详细指导新手开发者如何将MySQL中的普通表转换为分区表。分区表在处理庞大数据集时展现出显著的性能优势,不仅能大幅提升查询速度,还能有效简化数据维护工作。通过掌握这一技巧能够更好地应对数据密集型应用带来的挑战,为系统的高效运行奠定坚实基础。
公众号:码到三十五
2024/06/12
8920
MySQL普通表转换为分区表实战指南
zabbix表分区(适用于zabbix2.0.x,zabbix2.2.x和zabbix2.4.x)[推荐]
本文主要介绍了zabbix进行数据库表分区的方法: 在系统监控中,zabbix已经代替了nagios+cacti,zabbix以其良好的图形展示和高度自定义赢得了很多运维人员的喜爱。但是由于在工作中,zabbix跑的时间过长(我们公司跑了将近3年),web页面经常卡顿,监控数据有时很难插入数据库,且数据库队列经常性卡死,经过查看,发现mysql的数据量高达83G,急需瘦身,于是有了此文。 步骤: 修改表结构: use zabbix; Alter table history_text drop
小小科
2018/05/04
8360
mysql自动创建分区存储过程
支持年月日不同间隔分区 DELIMITER || drop procedure if exists auto_create_partitions || create procedure auto_create_partitions_tsec (in databasename varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci,in tablename varchar(50) CHARACTER SET utf8mb4 COLLATE ut
司夜
2023/03/31
2.1K0
【Z投稿】大规模数据库监控的Zabbix玩法详谈
10多年MySQL大规模数据库运维经验+8年Zabbix使用经验。本次峰会演讲和workshop《大规模数据库监控的Zabbix玩法》,讲述海量数据库实例的监控,介绍zabbix的安装、部署、优化,以及数据库自动化运维。
Zabbix
2021/02/03
7680
第42期:MySQL 是否有必要多列分区
之前的篇章我们讨论的都是基于单列的分区表,那有无必要建立基于多列的分区表?这种分区表数据分布是否均匀?有无特殊的应用场景?有无特殊的优化策略?本篇基于这些问题来进行重点解读。
爱可生开源社区
2022/06/29
2K0
mysql定时分区
注意:分区的字段必须是主键或主键的一部分; 对已有数据的表进行分区时始终报错,应该创建同样的表结构同时创建分区,然后将原有数据导入新表。
华创信息技术
2019/11/08
1.9K0
mysql定时分区
第38期:MySQL 时间类分区具体实现
适用分区或者说分表最多的场景依然是针对时间字段做拆分, 这节我们详细讲讲如何更好的基于时间字段来拆分。分别按照年、月、日几个维度的实现方法以及一些细节注意事项。
爱可生开源社区
2021/12/29
1.1K0
mysql常用命令记录
存储过程查看:select name from mysql.proc where db = 'dbname' and type = 'PROCEDURE';
司夜
2023/03/31
3160
通过租户id实现的SaaS方案
项目开发到一半,用户突然提出需要多个分公司共同使用,这种需要将系统设计成SaaS架构,将各个分公司的数据进行隔离。
程序员大彬
2024/05/28
5930
通过租户id实现的SaaS方案
[1219]mysql自定义函数split_part、split_last
关键字delimiter的使用: delimiter是mysql分隔符。在mysqlclient中分隔符默认是分号(;)。 假设一次输入的语句较多,而且语句中间有分号,这时须要新指定一个特殊的分隔符。 在前一篇中有设置mysql的触发器时使用样例
周小董
2023/10/10
1K0
[1219]mysql自定义函数split_part、split_last
MySQL存储过程注意事项和利用存储过程实现复杂分区
MySQL 5.0 版本开始支持存储过程。存储过程(Stored Procedure)是一种在数据库中存储复杂程序,以便外部程序调用的一种数据库对象。存储过程是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可通过指定存储过程的名字并给定参数(需要时)来调用执行。存储过程就是数据库 SQL 语言层面的代码封装与重用。
云上冲浪者
2022/01/12
1.4K0
MySQL存储过程
可惜啊!MySQL目前并不支持在SQL语句中存在流控制语句,例如上面的IF NOT EXISTS THEN END IF;让人痛心疾首。但是我们可以使用存储过程完成上面要求的功能。
恋喵大鲤鱼
2018/08/03
12.8K0
MySQL存储过程
MySQL 存储过程进行切换表
DROP PROCEDURE IF EXISTS `sp_revoke_table`$$
PHP开发工程师
2021/05/26
1.9K0
mysql存储过程执行拼接sql字符串
DECLARE t1 int default date_format(DATE_ADD(NOW(),INTERVAL 1 MONTH),"%Y%m");
93年的老男孩
2020/12/18
6.4K0
MySQL 批量删除表的实现方式
在实际应用中,有时候需要批量删除以特定前缀命名的表(如数据清理或数据处理时生成的临时表)。这里分享实现这一功能的方法和注意事项,以便避免实现过程中出现问题。
井九
2025/01/09
1.2K0
程序员:你如何写可重复执行的SQL语句?
小张注意到,在实际的项目开发场景中,很多开发人员只关注编写SQL脚本来满足功能需求,而忽略了脚本的可重复执行性。
李福春
2025/07/01
930
程序员:你如何写可重复执行的SQL语句?
最强总结!数据库优化完全指南!!
数据库优化是提升应用性能的关键环节。本文将从多个维度系统地介绍数据库优化的方法和实践经验。
SQL数据库开发
2024/11/21
6290
最强总结!数据库优化完全指南!!
相关推荐
第40期:MySQL 分区表案例分享
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档