回顾一下之前的传参
组件传参,路由传参,这是之前学过的传参方式。
Pinia传参
Pinia框架需要导入,在src总创建store目录并创建store.js来存放pinia数据。在练习中我们使用了路由来负责pinia数据的展示和修改。
配置导入
在store.js中导入相关依赖
import {defineStore} from 'pinia'
直接用这个方法创建数据,其中id是必要的,state相当于你要存放的值。
export const definedPerson = defineStore( { id:"personPinia",//当前数据的id,必须全局唯一 state:()=>{ return{//状态,就是当前值 username:"zhangsan", age:10, hobbies:["唱歌","跳舞"] } }, getters:{//定义一些获得数据或者是使用数据计算结果的一些函数,这里的函数不要修改数据 getAge(){ return this.age }, getHobbiesCount(){ return this.hobbies.length } }, actions:{//定义一些修改数据的函数 doubleAge(){ this.age = this.age * 2 } } }