看到这篇博客的同学肯定已经了解了Countly是做什么用的，Countly在html页面中引入方式简单，但是在Vue组件中报错‘http://eslint.org/docs/rules/no-undef  'Countly' is not defined  ’。

首先想到的是Vue是否不能集成Countly，这个想法稍微思考下就明白是很幼稚，人家就是个js，你还要怎样？

后来想到是否是引入的方式不对，在各种位置引用，在组件内还是会报如上的错。

在经过一段时间调试发现了是‘eslint’这个鬼的问题！

这货校验很严格，除了校验简单的格式问题，它还控制了一些莫名的东西，就像 'xxx' is not defined。

解决方式：

    1、Vue项目中取消'eslint'插件

          这种方式固然可以，但太过暴力，有些效验还是很有意思的，比如：遵循规则会让代码格式更加规范

                    

    2、在'eslint'配置 .eslintignore 中配置使用Countly的组件路径

         这种方式是第一种方式升级版，但仍需要配置很多组件

                   

    3、将Countly调用写入js中，再将该js屏蔽在.eslintignore 中，在使用处引入使用

         独立js:

         

       .eslintignore中屏蔽js:

        

       

       组件中使用：