vue 整合ace-admin中遇到 '$' 不识别的情况 $('body').attr('class', 'login-layout light-login');

vue在整合ace-admin中发现当拷贝如下的语句到app.vue文件中的时候，报错，$符号未定义。'$' is not defined (no-undef) at src\App.vue:75.3:

$('body').attr('class', 'login-layout light-login');　　

针对此种情况，给出的解释是由于eslint校验语法的问题。

解决起来也是比计较简单，增加一个eslint的脚本文件，针对语法格式进行重定义，语法文件如下，拷贝到vue项目的根目录下，名称为.eslintrc.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', 这一行主要解决了上面报错的问题

增加此配置文件之后，以上的问题解决，成功显示登录界面。