创建项目:npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
使用pinia-plugin-persistedstate可以实现持久化存储。安装如下,具体使用看pinia文档,或者我的vue收藏:
npm i pinia-plugin-persistedstate
# 或者使用 yarn
yarn add pinia-plugin-persistedstate
# 或者使用 pnpm
pnpm i pinia-plugin-persistedstate
可以先在pakage.json配置,再npm i,如下:
"pinia": "^2.0.32",
"vue": "^3.2.45",
"vue-i18n": "^9.1.9",
"mitt": "^3.0.0",//事件总线,代替eventbus
"js-base64": "^2.6.2",
"sass": "^1.26.10",//如果用less,就不需要sass了
"sass-loader": "^7.1.0",
"node-sass":"^4.14.1","weixin-js-sdk": "^1.6.0",
"axios": "1.1.3"
启动后:在默认的index.vue页面将原先代码删除(uni-app默认创建的页面是vue2的语法,需要改成vue3的),如下:
- 选项式 API (Options API) 写法: