vue页面export导出，容易忽视的小问题，明明代码没有问题，为代码语句前爆红，原来是代码格式化+代码缩进问题

最近学习vue，写export 导出，下面语句前总是爆红，看了半天，原来是这个问题：代码格式化+代码整体向后/向后缩进：

报错如图所示：使用的开发工具是：IntelliJ IDEA 

 仔细看了好久，代码没什么问题，可是就是找不到原因，尝试用代码格式化：Ctrl + Alt +L 快捷键也不行，这是什么原因呢？

 

1、主要是Vue 编写代码的格式问题，光Ctrl + Alt + L是不行的

2、 仔细看图中代码，其实是代码往后多缩进了空格，看不出来也没关系，也能解决

3、解决办法（必须进行第一步，然后再进行第二步）

第一步 ：首先按下·：Ctrl + Alt +L  代码格式化快捷键

第二步：选中报错的代码，按下shift + tab键：代码整体向前缩进 或者  按下tab键 代码整体向后缩进 （本例中就是需要代码整体向前缩进才不报错）

注意：一般idea格式化代码之后，如果vue代码前报错，例如上图那种情况，并非代码写错的情况下，基本上是采用向前缩进

在idea中，代码整体向后/向后缩进

①.代码整体向后缩进：

　　选中多行代码 - 按下tab键

②.代码整体向前缩进:

　　选中多行代码 - 按下shift + tab键