微软为 Vue.js 推出 Power BI 组件，三大前端开发框架齐了

IT之家 9 月 6 日消息，继 React 和 Angular 之后，微软今日宣布为另一大前端开发框架 Vue.js 推出了 Power BI 组件。

React、Angular 和 Vue.js 都是著名的 JavaScript 框架，微软 Power BI 则是一款数据可视化工具，可轻松地连接到数据、对数据进行建模和可视化，从而创建报表等。

IT之家了解到，微软 Power BI 支持 Vue.js 后，开发者就可以使用该工具分析平台上的数据，并支持嵌入仪表板、问答和其他 Power BI 功能小组件。

导入库：

import { PowerBIReportEmbed} from 'powerbi-client-vue-js';

嵌入示例：

<PowerBIReportEmbed
    :embedConfig = {{
        type: "report",
        id: "<Report Id>",
        embedUrl: "<Embed Url>",
        accessToken: "<Access Token>",
        tokenType: models.TokenType.Embed,
        settings: {
            panes: {
                filters: {
                    expanded: false,
                    visible: false
                }
            },
            background: models.BackgroundType.Transparent,
        }
    }}

    :cssClassName = { "reportClass" }

    :phasedEmbedding = { false }

    :eventHandlers = {
        new Map([
            ['loaded', () => console.log('Report loaded');],
            ['rendered', () => console.log('Report rendered');],
            ['error', (event) => console.log(event.detail);]
        ])
    }
>
</PowerBIReportEmbed>