这个问题主要是因为你初始化的时候设置了eslint（规范化代码，你可以重新初始化关掉eslint）解决办法如下：

方法一：

找到目录下的build文件夹，面有webpack.base.config.js文件，将下放代码注释掉然后重启就可以了

由于我用vue-cli创建的项目没有build文件夹，所以找不到webpack.base.config.js文件，不能用上面这种方法解决，所以↓

方法二： 

打开根目录下的.eslintrc.js文件，加入下面代码

chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions.preserveWhitespace = true
        return options
      })
  }

如图所示：

 完美解决~~