webgis爱好者-优快云博客

原创基础知识系列（十五）：Vue3的Pinia的基本使用

2.useXXXXX是用于常见实例的命名方式；3.Vue2是选项式API，Vue3是组合式API。在store文件夹的index.js文件，其中写。在App.vue中，写。在main.js中，写。

2023-12-11 16:22:27 173

5.modules：允许将 store 分割成模块，每个模块拥有自己的 state、mutations、actions、getters。3.actions：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。4.getters：允许组件从 sstore 中获取数据，类似于组件的计算属性。2.mutations：用于修改状态的方法，但必须是同步函数。在store文件夹的index.js文件，其中写。1.state：应用程序中需要管理的状态数据。在main.js中，写。

2023-12-11 15:12:17 420

原创基础知识系列（十三）：Vue2的vue-router的基本使用

2.views文件夹管理路由组件，components文件夹管理普通组件。在views文件夹的AboutView.vue文件，其中写。在views文件夹的NotFound.vue文件，其中写。在router文件夹的index.js文件，其中写。在App.vue中，写。在main.js中，写。

2023-12-10 12:05:38 254 1

原创基础知识系列（十二）：Vue3的vue-router的进阶使用（路由导航守卫、路由元信息、二级路由、路由滚动行为、路由懒加载、动态添加路由）

在views文件夹的Tourist.vue文件中，写。在router文件夹的index.js文件中，写。在router文件夹的index.js文件中，写。在router文件夹的index.js文件中，写。在router文件夹的index.js文件中，写。在router文件夹的index.js文件中，写。在views文件夹的Home.vue文件中，写。在views文件夹的Home.vue文件中，写。在views文件夹的Vip.vue文件中，写。

2023-12-10 11:00:25 413 1

原创基础知识系列（十一）：Vue3的vue-router的基本使用

在components文件夹的NotFound.vue文件，其中写。在components文件夹的List.vue文件，其中写。在router文件夹的index.js文件，其中写。在App.vue中，写。在main.js中，写。

2023-12-09 15:27:27 338

原创基础知识系列（十）：Vue2和Vue3的组件通信

在MyHeader.Vue中，写。在MyHeader.Vue中，写。在MyHeader.Vue中，写。在Child.vue中，写。在App.Vue中，写。在App.Vue中，写。在App.Vue中，写。在App.Vue中，写。

2023-12-07 19:45:45 397

原创基础项目系列（一）：Vue3的豆瓣电影菜单栏（设置环境变量、配置路由、Hook、处理403问题、自动导包、全局事件的监听与解绑、处理滚动行为等）

6.在assets文件夹（管理静态资源）中，创建css文件夹，创建base.css文件，并修改main.js中的路径。9.在Home文件夹下，创建components文件夹（管理私有组件），其中创建MovieItem.vue文件，其中写。12.在Home文件夹中，创建Hooks文件夹，其中创建useListHttp.js文件，其中写。8. 创建request文件夹，创建api.js文件，其中写（防止修改路径时，变动到业务代码）二、在vite.config.js文件中，写。二、在App.vue中，写。

2023-12-06 22:08:34 760 1

原创基础知识系列（九）：provide与inject的使用及其区别

provide和inject是 Vue.js 框架中的一对组合函数，用于实现跨组件层级的状态传递，通常用于开发者希望避免 props 的逐层传递（也称为 "prop drilling"）时。这种模式在 Vue 2.2.0+ 中引入，并在 Vue 3.x 中得到了改进和支持。

2023-12-05 11:15:41 418

原创基础知识系列（八）：1.自定义环境变量2.mock数据

2.创建MOCK文件夹，其中创建app.js文件，写。PS：打包项目：pnpm run build。5.在package.json中，写。3.在package.json中，写。3.创建.env.prod文件，写。2.创建.env.dev文件，写。4.在main.js中，写。

2023-12-05 10:52:30 141

原创基础知识系列（七）：Vue3结合Mapbox

2.创建.env文件，其中写VITE_MAPBOX_TOKEN=''5.在App.vue中，写。

2023-12-04 21:58:33 570

原创基础知识系列（六）：TypeScript的环境配置

6.在package.json中，修改为："dev": "vite --port 3000"3.创建.gitinore文件，其中写node_modules。4.创建src文件夹，其中创建main.ts文件。5.创建index.html文件，其中写。7.在main.ts中，写代码。

2023-12-04 21:54:04 283

原创基础知识系列（五）：功能：城市跳转（工程化、Router、Pinia）

在config文件夹的index.js（实现项目的基础配置）中。在router文件夹的index.js中。在useHotCities.js中。在useJumpCity.js中。在HomeView.vue中。在CityView.vue中。

2023-11-28 17:45:35 107

原创基础知识系列（四）：Vue2的mixin和Vue3的hook

PS：文件夹组织：（公有）：src→routes/components/Hooks→（私有）：views→routes/components/Hooks。在useCountMixin.js中。在useCityMixin.js中。在useCountHook.js中。在useCityHook.js中。

2023-11-28 15:35:45 261

原创基础知识系列（三）：Vue3设置全局变量和地图挂载全局

1.删包：git bash终端 rm -rf node_modules Linux命令。3.将OL_SDK和libs（Libraries 的缩写）文件夹放在src文件夹下。在OpenControl.vue中。在OpenControl.vue中。在main.js即入口文件中。在App.vue即组件文件中。在OpenMap.vue中。在OpenMap.vue中。

2023-11-27 22:02:46 1147

原创基础知识系列（二）：geojson数据

【代码】基础知识系列（二）：geojson数据。

2023-11-26 21:56:26 569 1

原创基础知识系列（一）：1.包管理工具2.创建项目3.生产包和开发包4.包的安装和卸载5.版本管理工具（nvm）

dependencies：生产包；devDependencies：开发包。PS：获取全局安装的包。

2023-11-26 21:30:36 108 1

原创 JavaScript的常用数组方法（18个）下

方法是 JavaScript 数组的一个原生方法，用于对数组中的每个元素执行指定操作，并返回一个新的数组，新数组中的元素由原数组经过操作后得到。方法是 JavaScript 数组的一个原生方法，用于查找数组中第一个满足指定条件的元素，并返回该元素。如果数组中的每个元素都满足条件，则返回。方法是 JavaScript 数组的一个原生方法，用于根据指定条件过滤数组中的元素，返回一个新的数组。方法是 JavaScript 数组的一个常用方法，可用于对数组中的每个元素执行指定操作，并返回一个新的数组。

2023-11-22 09:08:32 83 1

原创 JavaScript的常用数组方法（18个）上

在实际开发中，可以利用。方法是 JavaScript 数组的一个常用方法，用于从数组中提取指定位置的元素，返回一个新的数组对象，不会影响原有数组。方法是 JavaScript 数组的一个原生方法，用于从数组中提取指定位置的元素，返回一个新的数组对象，不会影响原有数组。方法是 JavaScript 数组的一个原生方法，用于向数组中插入、删除或替换元素，并返回被删除的元素组成的数组。方法是 JavaScript 数组的一个原生方法，用于向数组的开头添加一个或多个元素，并返回修改后数组的长度。

2023-11-21 17:35:35 94