Power BI Vue 是基于 Vue.js 開發的 Power BI 的插件，可以通過這個插件實現 Power BI 在 Vue 環境下的可視化展示。Power BI Vue 可以幫助開發人員快速構建 Power BI 的可視化報表，同時使用 Vue 的便捷性和靈活性。

Power BI Vue 提供了許多可視化展示組件，包括圖表、表格、地圖等。例如，以下是一個使用 Power BI Vue 的餅圖組件示例：

import PowerBiVue from '@molteni/powerbi-vue';
import { Pie } from '@molteni/powerbi-models';
<template>
<PowerBiVue
:embedConfig="embedConfig"
:embedType="‘report’"
ref="powerbi"
/>
</template>
<script>
export default {
name: 'pb-vue',
components: {
PowerBiVue,
},
data() {
return {
tokenType: 1,
accessToken: 'ACCESS_TOKEN',
embedUrl: 'EMBED_URL',
reportId: '1c03b24a-65a9-4d0f-8a2a-5e8bd431fa25',
embedConfig: {
type: 'report',
id: this.reportId,
embedUrl: this.embedUrl,
tokenType: this.tokenType,
accessToken: this.accessToken,
permissions: 15,
settings: {
filterPaneEnabled: true,
},
},
};
},
mounted() {
this.$refs.powerbi.load(this.embedConfig).catch(this.onLoadError);
},
methods: {
onLoadError(error) {
console.error(error);
},
},
};
</script>

代碼中使用了 PowerBiVue 組件和 Pie 模型，引入了 Power BI 的 access token 和 embedUrl，還定義了該組件的其他配置參數。使用 Power BI Vue 模塊構建 Power BI 可視化報表非常簡單，僅需要在項目中引入 Power BI Vue 包，然后就可以在 Vue 中使用 Power BI 的各種可視化工具來制作精美的報告。