- 博客(10)
- 收藏
- 关注
原创 贪吃蛇~~~~~~~~~
贪吃蛇使用的是vue3的环境,逻辑内容是由ts完成,为了练习ts的使用。文章大部分内容在代码截图中带有注释。六、最后的调用(通过new 来调用类中的constructor)页面搭建及css样式如下图所示。四、snake即贪吃蛇的类创建。二、创建food(食物)类。五、键盘控制游戏类创建。
2024-05-21 15:28:58 163
原创 vue2引入高德地图
2、在main.js中引入高德地图,key是在高德地图申请的应用key值,version是版本,plugins是需要的插件,可以根据自己的需要从官网加入。4、创建地图对象并调用函数,调用函数时如果在mounted中会导致AMap报错,是因为这时未加载出来AMap,需要设置一个定时器。3、在组件中使用:首先准备一个容器,并设置它的id,需要设置宽度和高度否则是不显示的。其他相同,但是不需要设置到globals中,写法修改为如下。在组件中引入只需要将main.js中的代码移到组件中。
2023-10-27 15:10:33 1085 2
原创 vue3实现数据响应式
1、通过ref()函数声明响应式状态,ref通常声明的是原始数据(字符串、boolean、数字等),也可以声明数组、对象等对象类型。二、通过reactive声明数据(reactive只能用于对象类型及map、set等集合类型)使用上述方式导致需要return中的数据太过繁琐,因此可以通过下面的方式来简化代码。在模板中不需要使用.value获取数据,因为ref在模板中使用时会自动解包。打印name得到的是ref的对象,可以通过.value获取name的值。3、测试一下使用ref声明对象数据。
2023-10-25 10:29:58 195 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人