资源合并与压缩的优化方法介绍

<template>
 <div>
 news
 </div>
</template>

<script>
export default {
 data() {
 return {
 flag: true, //底部图片列表显示隐藏
 name: "aa"
 };
 },
 methods: {
 keyLeft() {
 alert(this.name);
 },
 keyUp() {
 alert("向上方向键");
 },
 keyRight() {
 alert("向右方向键");
 },
 keyDown() {
 alert("向下方向键");
 },
 keys() {
 var that = this;
 document.onkeydown = function(e) {
 let key = window.event.keyCode;
 if (key == 37) {
 that.keyLeft();
 } else if (key == 38) {
 that.keyUp();
 return false; //有上下滚动条的时候，不向上滚动
 } else if (key == 39) {
 that.keyRight();
 } else if (key == 40) {
 that.keyDown();
 return false; //有上下滚动条的时候，不向上滚动
 }
 };
 }
 },
 created() {
 if (this.flag == true && this.$route.path == "/news") {
 this.keys();
 }
 },
 mounted() {}
};
</script>