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

做塑胶网站需要什么html做的网站怎么弄

做塑胶网站需要什么,html做的网站怎么弄,wordpress拉,重庆做网站安装pinia 在uni-app的Vue3版本中,Pinia已被内置,无需额外安装即可直接使用(Vue2版本则内置了Vuex)。 HBuilder X项目:直接使用,无需安装。CLI项目:需手动安装,执行yarn add pinia…

安装pinia

在uni-app的Vue3版本中,Pinia已被内置,无需额外安装即可直接使用(Vue2版本则内置了Vuex)。

  • HBuilder X项目:直接使用,无需安装。
  • CLI项目:需手动安装,执行yarn add pinia@2.0.36npm install pinia@2.0.36

编辑器环境HBuilderX4.29

安装Pinia持久化插件

npm i pinia-plugin-persistedstate

根目录下创建stores文件夹,新建index.js文件

import { createPinia } from "pinia";
// 引入持久化插件
import persist from "pinia-plugin-persistedstate";const pinia = createPinia();
// 使用持久化插件
pinia.use(persist);export default pinia;import {usetestStore
} from "./modules/test.js";// 简写
export * from "./modules/test.js";

main.js下添加挂载pinia代码

import { createSSRApp } from "vue";
import App from "./App";
import pinia from "@/stores/index.js";export function createApp() {const app = createSSRApp(App);app.use(pinia);return {app};
}

在stores目录下新建modules文件夹,在其下新建test.js测试代码

// /stores/modules/test.js
import { defineStore } from "pinia";export const usetestStore = defineStore("user", {state: () => ({name: "John Doe",age: 30}),actions: {updateName(newName) {this.name = newName;},incrementAge() {this.age++;}},persist: {storage: {// 修改存储方式getItem: uni.getStorageSync,setItem: uni.setStorageSync}}
});

image-20241106125017473

在test页面,添加如下测试代码测试效果

<template><view class="container"><text>Name: {{ user.name }}</text><text>Age: {{ user.age }}</text><button @click="incrementAge">Increment Age</button></view>
</template><script setup>import {usetestStore} from "@/stores/modules/test";// 直接使用 useUserStore 钩子函数const user = usetestStore();// 定义一个方法来增加年龄和修改姓名const incrementAge = () => {user.incrementAge();user.name = "helloWorld";};
</script>
<style lang="scss" scoped>.container {margin-top: 200rpx;}text {margin-left: 20rpx;}
</style>

启动运行后查看微信小程序test页面,可以看到pinia已经持久化保存到缓存里

image-20241106125530420

http://www.yayakq.cn/news/172231/

相关文章:

  • 易雅达网站建设公司那曲网站建设
  • 怎样建个人网站 步骤免费的个人简历模板范文
  • 北京建设交易工程信息网站官方网站页面尺寸
  • 汽车网站更新怎么做创建网站免费注册
  • 网站建设文献综述模板软文推广文章案例
  • 万网的网站建设是什么wordpress迅雷下载
  • 网站开发行业分析wordpress js失效
  • 潍坊中脉网站建设宁夏政务大厅城乡建设厅口网站
  • 安顺公司做网站混沌鸿蒙网站建设
  • 旅游网站开发设计与实现专业网页制作的帮手
  • 成都龙泉建设发展有限公司网站浙江网站推广运营
  • 苏州建设工程交易中心网站广西住建厅考试培训中心
  • 学生成绩管理系统 网站建设网站开发高级工程师
  • 百度seo网站排名优化怎么创办网站
  • 如何修改网站logodw旅游网站设计教程
  • 网站主题类型怎么做交互式网站
  • 开平网站设计计算机前景和就业
  • 做文案策划需要用到的网站火蝠电商合作需要多少钱
  • 福州免费建站品牌企业网站更换备案吗
  • 一个网站3个相似域名资讯类网站开发文档
  • vs网站制作白杨seo教程
  • 正规网站建设公司一般要多少钱小程序商城设计
  • 西安免费做网站多少钱怎么在百度上投放广告
  • 网站定位策划书公司简介通用模板
  • 网站建设项目策划书注册网站建设公司主营项目类别
  • 建网站要几个域名扬中网站哪家做的好
  • wordpress全站备份胶州网站设计
  • 自考网站建设与实践网站制作备案上线流程
  • 图片网站优化app开发公司组织结构图
  • 怎么做粉丝福利购网站商城系统app