创建一个vue3项目 加pinia
时间: 2024-05-18 21:09:32 浏览: 154
使用vue3.0 创建项目
要创建一个Vue 3项目并添加Pinia,可以按照以下步骤进行:
1. 安装最新版本的Vue CLI。
```
npm install -g @vue/cli
```
2. 创建一个新项目。
```
vue create my-project
```
3. 在安装依赖之前,先安装Pinia。
```
npm install pinia
```
4. 在main.js文件中引入Pinia并创建一个应用程序级别的store。
```
import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
const app = createApp(App)
const pinia = createPinia()
app.use(pinia)
app.mount('#app')
```
5. 现在你可以在你的组件中使用Pinia,比如在App.vue中创建一个counter store。
```
<template>
<div>
<p>Count: {{ $pinia.store.counter.count }}</p>
<button @click="$pinia.store.counter.increment()">Increment</button>
</div>
</template>
<script>
import { defineComponent } from 'vue'
export default defineComponent({
name: 'App'
})
</script>
```
至此,你已经成功地在Vue 3项目中添加了Pinia。
阅读全文