当前位置: 首页 > news >正文

泰安哪里有做网站app的百度官网认证多少钱

泰安哪里有做网站app的,百度官网认证多少钱,58企业网站如何做,节能网站源码介绍 提供跨组件和页面的共享状态能力,作为Vuex的替代品,专为Vue3设计的状态管理库。 Vuex:在Vuex中,更改状态必须通过Mutation或Action完成,手动触发更新。Pinia:Pinia的状态是响应式的,当状…

介绍

提供跨组件和页面的共享状态能力,作为Vuex的替代品,专为Vue3设计的状态管理库。

  • Vuex:在Vuex中,更改状态必须通过Mutation或Action完成,手动触发更新。
  • Pinia:Pinia的状态是响应式的,当状态发生变化时,组件会自动更新,无需手动触发。

官方文档 :https://pinia.vuejs.org/zh/getting-started.html

使用Pinia对用户的登录信息进行保存

安装

npm install pinia

引入

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
const app =createApp(App)
app.use(createPinia())
app.mount('#app')

定义Stroe

目录结构:src/store/user.js

import  {defineStore} from  'pinia'
import {reactive, ref} from "vue";
//导入pinia//user表示模块名
export const useUser =defineStore('user',()=>{//定义数据(state)dconst userId=ref(6699)//用户IDconst level =ref(10) //等级const userMsg=reactive({token:'addadgsadadadada',phone:'13111111111',age:13})//用户信息const list =ref([])//操作数据的函数(action 同步+异步)const updateUser=(newUserId)=>{userId.value=newUserId}//修改账号信息//数据返回出去 注:对象的形式return{userId,updateUser,userMsg}
})

读取Stroe

<template><h1>用户ID{{userStore.userId}}</h1><h1>用户信息{{userStore.userMsg}}</h1>
</template>
<script setup>
import {useUser} from "@/store/user.js";
//导入storeconst  userStore =useUser()
//得到 user 模块返回的对象
</script>

读取成功
在这里插入图片描述

修改Stroe

<script setup>
import {useUser} from "@/store/user.js";
//导入storeconst  userStore =useUser()
//得到 user 模块返回的对象function updateUser(){userStore.updateUser('1334')
}
</script>

Action异步

Store

// src/store/user.jsconst getList=async  ()=>{const res =await axios.get('https://tools.mgtv100.com/external/v1/bank_names').then(r=>{list.value=r.data.data})}

组件

  <div v-for="item in userStore.list" :key="item.id">{{item.bank_name}}</div>
onMounted(()=>{getList()
})function getList(){userStore.getList()
}

在这里插入图片描述


Getter计算

<template><h1>计算后等级: {{userStore.cmpLevel}}</h1>
</template>

src/store/user.js

//getterconst cmpLevel=computed(()=>{return level.value*2//该函数用来计算等级})return {cmpLevel}
// src/store/user.js

在这里插入图片描述

http://www.ritt.cn/news/21927.html

相关文章:

  • 不囤货的网店怎么开seo专业论坛
  • 电子商务网站建设报告千锋教育和黑马哪个好
  • 网站建设方案报价抖音推广引流
  • pc门户网站是什么意思网络推广100种方式
  • 建设政府网站有了详尽规范苹果cms永久免费建站程序
  • 兰州电商平台网站建设关键词竞价广告
  • 做外贸需关注的网站网络热词2023流行语及解释
  • 苏州网站优化whois域名查询
  • python如何做简单的网站百度网盘人工客服电话多少
  • 网站有几种整合营销理论
  • 舟山网站建设推荐陕西seo排名
  • wordpress建站服务阿里云网站搭建
  • 武汉网站建设公司哪里有培训机构排名
  • 珠海品牌网站建网站设计公司排名
  • 行业外贸网站建设企业微信营销管理软件
  • 公司做网站还是做app正规的教育培训机构有哪些
  • 网站规划包括哪些内容如何做seo搜索优化
  • 搞网站正规的培训机构有哪些
  • 做销售怎么找优质资源网站seo诊断网站
  • 商业网站建设规划书友链提交入口
  • 专业网站制作企业cpa推广接单平台
  • 太原住房与城乡建设厅网站网站建设情况
  • 大气蓝色企业网站模板百度推广多少钱
  • 摄影网站的实验设计方案seo搜索排名优化公司
  • 广州seo网站排名搜索引擎营销经典案例
  • 温州做外贸网站设计郑州做网站公司有哪些
  • 做网站赚什么钱网页设计素材
  • phpcms做视频网站首页网站seo收录工具
  • 代做网站和说明书广告公司网上接单平台
  • 自己模板做网站百度贴吧入口