Vue 3 创建响应式数据的方法

在 Vue 3 中,提供了多种创建响应式数据的方法,下面将详细介绍这些方法及其使用场景。 reactive 函数 reactive 函数用于创建一个响应式对象。它接收一个普通对象作为参数,并返回一个响应式的代理对象。 示例代码 <template> <div> <p>{{ state.c


临时 | 永久设置 npm 源

临时 | 永久设置 npm 源 临时使用 npm 源 如安装 lodash 包 npm install lodash --registry https://registry.npmmirror.com/ 查看当前的npm源 npm get registry 结果 PS C:\Users\2641


Turf.js

Turf.js | 用于地理空间分析的 JavaScript 库 文档地址 内含详细使用教程 Turf.js中文网 Turf.js官网 Turf.js 介绍 Turf.js 是一个开源 JavaScript 库,它能够对地理空间数据执行操作。该库可在浏览器和 Node.js 环境中使用,提供一组用于


Cesium 创建地图

vue3+vite+ceisum 使用教程 笔记 链接 基础环境配置 1. 安装 pnpm i cesium@1.99 vite-plugin-cesium 2. 修改vite.config.js⽂件, 添加cesium import { defineConfig } from 'vite' im


vue + cesium 创建地图, 笔记使用说明

vue + cesium 创建地图, 笔记使用说明 预览效果 1. 安装 npm i vite-plugin-cesium cesium@1.99 2. 基配置 vite.config.js 在 plugins 里加入 import cesium from 'vite-plugin-cesium'


OpenLayers 动态绘制点, 线, 面, 图片

OpenLayers 动态绘制点, 线, 面, 图片, dom图标 可以在新的图层中绘制(推荐), 也可以在已有的图层中绘制, 预览: 1. 动态设置方式, 绘制图片 import VectorSource from "ol/source/Vector"; import VectorLayer fr


OpenLayers 多个图层

OpenLayers 多个图层 创建地图的方法, 绘制 TileLayer图层, VectorLayer图层, ImageLayer图层 map.value = new Map({ target: 'container', layers: [ new TileLayer({


OpenLayers map 的 View 视图参数

OpenLayers map 的 View 视图参数 view: new View({ center: center, // 地图中心点标系 projection: 'EPSG:4326', // 地图坐标系 extent: [-120, -32,


OpenLayers 视图平移动画

OpenLayers 视图平移动画 移动视图有平移动画的方法 view.animate({ center: [119, 31], duration: 300, }) 部分参数 center, 中心点坐标 duration, 动画时长 使用按键控制视图移动函数 const kenDown =