Vue笔记第一天

本文详细介绍Vue.js的初体验,包括插值语法、指令系统、条件渲染(v-if/v-show)、列表渲染(v-for)、事件处理(v-on)、属性绑定(v-bind)及表单输入绑定(v-model),并解析data到view的单向与双向数据绑定机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一天

1.导包(可以npm直接引入或者直接官网下载)
2.初体验
在这里插入图片描述
3.插值语法 {{}}
4.指令系统:
v-text {{}} 相当于原生js的 innerText
v-htnl {{}} 相当于原生js的innerHtml

v-if和v-show
v-if
如果为true 相当于appendChild
如果为false 相当于removeChild
v-show
如果为true 相当于div.style.display=‘block’
如果为false 相当于div.style.display=‘none’

数组 对象的插值 v-for
v-for=’(item,index) in arrs’
v-for 的优先级高于v-if v-show {{模板语法插值}} v-html

v-on:原生的js的事件名=‘逻辑’
v-on:原生的js的事件名=‘方法名’ 该方法必须写在methods

v-bind:标签中的原生属性
data=====>view的单向数据绑定

v-model:只能应用在表单控件中
data=====>view 的双向数据绑定

示意图如下:

双向数据绑定示意图

内容概要:本文档详细介绍了基于Google Earth Engine (GEE) 构建的阿比让绿地分析仪表盘的设计与实现。首先,定义了研究区域的几何图形并将其可视化。接着,通过云掩膜函数和裁剪操作预处理Sentinel-2遥感影像,筛选出高质量的数据用于后续分析。然后,计算中值图像并提取NDVI(归一化差异植被指数),进而识别绿地及其面积。此外,还实现了多个高级分析功能,如多年变化趋势分析、人口-绿地交叉分析、城市热岛效应分析、生物多样性评估、交通可达性分析、城市扩张分析以及自动生成优化建议等。最后,提供了数据导出、移动端适配和报告生成功能,确保系统的实用性和便捷性。 适合人群:具备一定地理信息系统(GIS)和遥感基础知识的专业人士,如城市规划师、环境科学家、生态学家等。 使用场景及目标:①评估城市绿地分布及其变化趋势;②分析绿地与人口的关系,为城市规划提供依据;③研究城市热岛效应及生物多样性,支持环境保护决策;④评估交通可达性,优化城市交通网络;⑤监测城市扩张情况,辅助土地利用管理。 其他说明:该系统不仅提供了丰富的可视化工具,还集成了多种空间分析方法,能够帮助用户深入理解城市绿地的空间特征及其对环境和社会的影响。同时,系统支持移动端适配,方便随时随地进行分析。用户可以根据实际需求选择不同的分析模块,生成定制化的报告,为城市管理提供科学依据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值