web前端全系列 教程
1839个小节阅读:2243.5k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
如果你很喜欢组合式API的代码风格,我们甚至可以在Store中采用组合式API来实现
这会让你上手 pinia
更迅速
xxxxxxxxxx
import { defineStore } from "pinia"
import { reactive } from "vue"
export const useUserInfoStore = defineStore('userinfo',() =>{
const userInfo = reactive({
name:"iwen",
age:20
})
return {
userInfo
}
})
xxxxxxxxxx
<template>
<h3>用户信息</h3>
<p>Name:{{ userInfo.name }}</p>
<p>Age:{{ userInfo.age }}</p>
</template>
<script setup>
import { useUserInfoStore } from "../store/userInfo"
const { userInfo } = useUserInfoStore()
</script>
pinia
通过选择方式安装pinia
这种方式默认常见出来的就是组合式API风格