赞
踩
前提:前面已经创建一个项目,涉及到vue3、vite、pinia、vue-router、openlayers创建的命令行及对应版本。接下来,是整个项目的详细配置。
详细配置,包括以下内容:
vue3推荐写法: 组合式API,类比于react的函数组件。
App.vue是整个项目的入口,main.js是整个逻辑,在main.js全局配置进行注册和挂载 相关插件。
注意:组合式API和选项式API的 setup的写法不同,但编译到浏览器运行时,组合式API会编译成选项式API的 setup写法一样,最终效果相同。
说明:piniaPluginPersistedstate是用于pinia数据持久化存储的
import { defineStore } from 'pinia';
export const useUserStore = defineStore('自定义名称', {参数二})
参数二的两种写法:
1.组合式API
2.选项式API
三大组成部分:state、getter、action
state数据 == data //在pinia中state被定义为 返回初始状态的一个函数
getter == computed //计算属性,不可以传参,但是可以传递函数
action == method //处理业务逻辑,是异步的
state
getter
注意:使用setup时的用法
action
注意:异步要消耗性能
store.$onAction(callback,参数2为true不自动卸载)
备注:后端返回的动态路由,数据清洗方法可以自行百度。因地制宜。
文字大小自适应font-size: calc(100vw * 24 / 1920);
备注:到这儿屏幕大小自适应插件就配置完毕。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。