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

继 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>