IT之家 9 月 6 日消息,继 React 和 Angular 之后,微软今日宣布为另一大前端开发框架 Vue.js 推出了 Power BI 组件。
![微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第1张图片-大千世界 微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第1张图片-大千世界](https://img.ithome.com/newsuploadfiles/2022/9/a6bec6d5-6444-47ce-8802-2f91edb687ad.png?x-bce-process=image/watermark,image_aW1nL3dhdGVybWFyay9xYy9xYzE0OC5wbmc=,g_6,x_15,y_0,a_0,t_100)
React、Angular 和 Vue.js 都是著名的 JavaScript 框架,微软 Power BI 则是一款数据可视化工具,可轻松地连接到数据、对数据进行建模和可视化,从而创建报表等。
![微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第2张图片-大千世界 微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第2张图片-大千世界](https://www.dqsj.net/zb_users/upload/2022/09/20220906142121_95585.png)
IT之家了解到,微软 Power BI 支持 Vue.js 后,开发者就可以使用该工具分析平台上的数据,并支持嵌入仪表板、问答和其他 Power BI 功能小组件。
![微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第3张图片-大千世界 微软为 Vue.js 推出 Power BI 组件,三大前端开发框架齐了-第3张图片-大千世界](https://www.dqsj.net/zb_users/upload/2022/09/20220906142122_59818.gif)
导入库:
import { PowerBIReportEmbed} from 'powerbi-client-vue-js';
嵌入示例:
:embedConfig = {{
type: "report",
id: "",
embedUrl: "",
accessToken: "",
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);]
])
}
>