错误描述

报错如上图所示，错误原因是不认识 $ 符，他是 JQuery 中得符号，我也确实引入了 JQuery：

解决办法

在 vue 项目的根目录下创建一个 .eslinttrc.js 文件，文件内容如下：

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        'eslint:recommended'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-undef': 'off',
        'vue/no-unused-vars': 'off',
        'vue/require-v-for-key': 'off',
        'no-unused-vars': 'off',
        'vue/no-unused-components': 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
};

其中 'no-undef': 'off' 表示关掉之前的语法检查，这是一把双刃剑，关掉之后我们就可以运行了，打开的话检查会很严格。