使用Vue框架开发的贪吃蛇小游戏

注意：尽量不要用谷歌浏览器运行，因为谷歌浏览器会把GameValue翻译成中文，使游戏掉帧卡顿

解决办法：1.使用Edge浏览器，2.把谷歌浏览器的自动中文翻译关闭即可

游戏截图：

 运行前导入：bootstrap组件库以及Vue.js文件

源码如下：

	
		
		
		
	
	
	

	
		

		

		

			

				

					{{buttonPrompt}}
					


					
得分:{{score}}
					
[ 已启动加速 ]
					
[ 已关闭加速 ]
					




					




					

						上

						左
						        
						右

						下
					
				
				

					
				
				

					Game Value:
					

					X-Y:{{walkList}}
					

					score:~~~{{score}}
					

					snakeLength:~~~{{snakeLength}}
					

					xSnake:~~~{{xSnake}}
					

					ySnake:~~~{{ySnake}}
					

					xTimerLog:~~~{{xTimerLog}}
					

					yTimerLog:~~~{{yTimerLog}}
					

					firstStep:~~~{{firstStep}}
					

					playerDirection:~~~{{playerDirection}}
				
			
			

			

				

				

					操作：（ W-A-S-D：方向 ）-（暂停/开始游戏：j ）-（ 加速：k ）-（如果游戏出现停止运行，重新点击按钮即可）
				
				

				

					©廖利辉


					createDate 2021-10-01
					 
					®TCS
					 
					™VUE.JS
						version:2.0