当前位置:网站首页>pinia 模块划分
pinia 模块划分
2022-07-06 16:25:00 【梁云亮】
pinia的模块划分是通过js命名来划分的。
示例:
第一步:拆分store文件
- store/index.ts
import {
createPinia } from "pinia"
const store = createPinia()
export default store
- store/user.ts
import {
defineStore} from "pinia"
export const useUserStore = defineStore({
//js命名
id: "user",
state: () => {
return {
name: '张三',
age: 18
}
}
})
- store/order.ts
import {
defineStore} from "pinia"
export const useOrderStore = defineStore({
//js命名
id: "order",
state: () => {
return {
orderList: [{
id: 1001, total: 6666}, {
id: 1002, total: 8888}, {
id: 1003, total: 9999}]
}
}
})
第二步:vue
- User.vue
<template>
User:{
{ name }} == {
{ age }}
</template>
<script setup lang="ts"> import {
storeToRefs} from "pinia" import {
useUserStore} from "@/store/module/user" const userStore = useUserStore() const {
name, age} = storeToRefs(userStore) </script>
- Order.vue
<template>
order <br>
{
{order}}
</template>
<script setup lang='ts'> import {
storeToRefs} from "pinia" import {
useOrderStore} from "@/store/module/order" const orderStore = useOrderStore() const order = storeToRefs(orderStore) </script>
边栏推荐
- How to answer the dualistic opposition of Zhihu
- Automatic test tool katalon (WEB) test operation instructions
- Do you still have to rely on Simba to shout for a new business that is Kwai?
- Design of short chain
- 谁说新消费品牌大溃败?背后有人赢麻了
- AVL树到底是什么?
- MATLIB reads data from excel table and draws function image
- AI表现越差,获得奖金越高?纽约大学博士拿出百万重金,悬赏让大模型表现差劲的任务...
- Wu Enda 2022 machine learning course evaluation is coming!
- JS addition, deletion, modification and query of JSON array
猜你喜欢
leetcode:236. The nearest common ancestor of binary tree
Cloud native (32) | kubernetes introduction to platform storage system
【通信】两层无线 Femtocell 网络上行链路中的最优功率分配附matlab代码
英国都在试行4天工作制了,为什么BAT还对996上瘾?
Newsletter L Huobi ventures is in-depth contact with genesis public chain
设计一个抢红包系统
AI金榜题名时,MLPerf榜单的份量究竟有多重?
JDBC programming of MySQL database
若依请求url中带有jsessionid的解决办法
Zero code and high return. How to use 40 sets of templates to meet 95% of the reporting needs in the work
随机推荐
Penetration test --- database security: detailed explanation of SQL injection into database principle
浅谈现在的弊端与未来的发展
Entropy information entropy cross entropy
《数字经济全景白皮书》保险数字化篇 重磅发布
Computer reinstallation system teaching, one click fool operation, 80% of people have learned
Automatically update selenium driver chromedriver
The problem of ASP reading Oracle Database
Leetcode problem solving - 889 Construct binary tree according to preorder and postorder traversal
JS import excel & Export Excel
这个『根据 op 值判断操作类型来自己组装 sql』是指在哪里实现?是指单纯用 Flink Tabl
DevOps可以帮助减少技术债务的十种方式
How much does the mlperf list weigh when AI is named?
Stop saying that microservices can solve all problems
What should I do if the USB flash disk data is formatted and how can I recover the formatted USB flash disk data?
[212] what are three methods for PHP to send post requests
Compile logisim
The largest single investment in the history of Dachen was IPO today
三句话简要介绍子网掩码
Today's sleep quality record 78 points
Example code of MySQL split string as query condition