前提：
最近开发中需要结合powerBI来使用，需求是在vue中添加powerBi中已经开发好的报表进行展示。

第一：vue中安装powerBi模块。

1、本次使用的powerBi组件是
powerBi官网
2、进入对应github中找到安装步骤：
powerBi对应的github网址
3、安装步骤：

**Installation**--根据需要使用对应的方法
(1)Install via Nuget:
Install-Package Microsoft.PowerBI.JavaScript
(2)Install from NPM:
npm install --save powerbi-client
(3)Installing beta versions:
npm install --save powerbi-client@beta

第二：页面使用–导入模板库：

第一种：使用全局安装方法
import * as pbi from 'powerbi-client';
第二种：手动安装
<script src="/powerbi-client/dist/powerbi.js"></script>

重要说明：下面这个非常重要，因为在vue中如果使用eslint来检查元素，会提示powerbi没有引入就直接使用。

When included directly, the library is exposed as a global named powerbi-client. There is also another global named powerbi which is an instance of the service.

下面是我在网上找到的解决方法：因为官网中没有特别声明对应的powerbi的引用方法，就直接使用了，解决链接

let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);

第三：vue页面调用powerbi来绘制图形：

具体的实现方法我这里就不放了，可参看下面链接，就实现方法了。
调用方法链接