1.问题分析nginx访问出现504 Gateway Time-out，一般是由于程序执行时间过长导致响应超时，例如程序执行需要90秒，而nginx最大响应等待时间为30秒，这样就会出现超时。通常有以下几种情况导致：(1).程序在处理大量数据，导致等待超时。(2).程序中调用外部请求，而外部请求响应超时。(3).连接数据库失败而没有停止，死循环重新连。出现这种情况，我们可以先优化程序，缩短执行时间

引入指令import Clickoutside from 'element-ui/src/utils/clickoutside'声明指令export default {directives: { Clickoutside },data: function() {return {}}}使用指令<div v-clickoutside="handleClickOutside"></di

<img src="~@/assets/img/top.png" /><img :src="require('@/assets/img/top.png')" />

在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中，会根据自己的需求进行自定义的配置，下面就来详细了解下tsconfig.json的文件配置。文件选项配置files ...

全局导入下载安装element plus后，在入口文件配置一下并挂载，就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了，导致包的体积非常大。按需导入采用按需导入的方法，其实是用解构的方式，从element的包中解构出来，再挂载到app上面。这样开发中用到什么组件就打包什么确实很好，减少了包的体积。但是又有一个新的问题，就是每次想要使用新的组件的时候，都要去解构一下，并且挂载。操作

Vue导航守卫的钩子函数有哪些？全局守卫router.beforeEach：全局前置守卫，进入路由之前router.beforeResolve：全局解析守卫，在beforeRouteEnter调用之后调用router.afterEach：全局后置钩子，进入路由之后路由组件内的守卫beforeRouteEnter()：进入路由前beforeRouteUpdate()：路由复用同一个组件时before

vue的路由hash模式 和 history模式 区别1.直观区别：hash模式url带#号，history模式不带#号。2.深层区别：hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传功能也有区别，比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是

做项目的时候发现如果子组件在页面比较靠上，子组件渲染的时候父组件还未取到值，导致子组件取不到数据原因：子组件created和mounted 只执行一次，在父组件初始化时，已经给子组件传了一个空值，导致异步请求数据发生变化时，子组件的值不再变化。computed: {menuData() {let icons = ["el-icon-setting","fa fa-database","el-ico

思路：创建一个计时器， 2 秒后执行函数当用户按下按钮时触发 mousedown 事件，启动计时器；用户松开按钮时调用 mouseout 事件。如果 mouseup 事件 2 秒内被触发，就清除计时器，当作一个普通的点击事件如果计时器没有在 2 秒内清除，则判定为一次长按，可以执行关联的函数。在移动端要考虑 touchstart，touchend 事件directives/longpress.js

前言vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。浏览器无情地抛出了一个错误：Uncaught TypeError: Cannot set property '$toast' of undefi