avatarChristianlauer

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

1693

Abstract

f both Vue and Power BI embedded for bringing analytics to your users wherever they are quickly and easily. The new component supports embedding of reports, dashboard, Q&A and more, and is now publicly available on <a href="https://www.npmjs.com/package/powerbi-client-vue-js">npm</a> and <a href="https://github.com/microsoft/powerbi-client-vue-js/">GitHub</a> </i>[3]<i>.</i></p><p id="1c50">To use this component in Vue.js you need to import it as follows:</p><div id="e30e"><pre><span class="hljs-keyword">import</span> { PowerBIReportEmbed} <span class="hljs-keyword">from</span> <span class="hljs-string">'powerbi-client-vue-js'</span>;</pre></div><p id="f88a">Beside the new Vue component you could of course also use available React and Angular components.</p><p id="cc3a">If you like working with Microsoft Power BI you might be also interested in the following articles — Microsoft had announced a few intersting and very efficient updates lately:</p><div id="e296" class="link-block"> <a href="https://readmedium.com/microsoft-enforces-its-self-service-bi-strategy-25e7081d5b3b"> <div> <div> <h2>Microsoft enforces it’s Self Service BI Strategy</h2> <div><h3>How Power BI Data Marts should drive Data Driven Culture</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*6hc3wr9S_Ghy-VKfymEwlA.jpeg)"></div> </div> </div> </a> </div><div id="f214" class="link-block"> <a href="https://readmedium.com/4-interesting-upd

Options

ates-for-microsoft-power-bi-2f5b0ef6fc2a"> <div> <div> <h2>4 interesting Updates for Microsoft Power BI</h2> <div><h3>Microsoft implemented some nice Updates for its Business Intelligence Tool in August</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*7qJ2_WqNWVeqzpoHggfEUw.jpeg)"></div> </div> </div> </a> </div><div id="b204" class="link-block"> <a href="https://readmedium.com/4-interesting-updates-for-microsoft-power-bi-2f5b0ef6fc2a"> <div> <div> <h2>4 interesting Updates for Microsoft Power BI</h2> <div><h3>Microsoft implemented some nice Updates for its Business Intelligence Tool in August</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*7qJ2_WqNWVeqzpoHggfEUw.jpeg)"></div> </div> </div> </a> </div><h2 id="7389">Sources and Further Readings</h2><p id="0499">[1] Wikipedia, <a href="https://de.wikipedia.org/wiki/Vue.js">Vue.js</a> (2022)</p><p id="3e89">[2] <a href="https://vuejs.org/ecosystem/themes.html">Vue.js</a> (2022)</p><p id="d3a8">[3] Microsoft Power BI Blog, <a href="https://powerbi.microsoft.com/en-us/blog/power-bi-component-for-vue-js-applications-is-now-available/">Power BI component for Vue.js applications is now available</a> (2022)</p></article></body>

Power BI is now compatible with Vue.js

How Microsoft empowers Power BI with JavaScript

Photo by Karsten Winegeart on Unsplash

To provide dashboards, reports or other analyses, in addition to sharing reports, data can now also be displayed via Power BI using Vue.js.

Vue.js is a client-side JavaScript web framework for building single-page web applications following the MVVM pattern, but it can also be used in multipage web pages for single sections. As of version 2.0, it also supports server-side rendering [1].

Example of using Vue.js — Image Source: Vue.js[2]

Vue.js can also be used for reporting and dashboarding purposes. You can see an example above — this approach is also gaining popularity. Now also Microsoft introduces a component with which you can share Power BI reports via Vue.js in the future.

Microsoft’s official statement is: Our new component for Vue makes it possible to embed Power BI content in your Vue application in a simple way, allowing you to make the most of both Vue and Power BI embedded for bringing analytics to your users wherever they are quickly and easily. The new component supports embedding of reports, dashboard, Q&A and more, and is now publicly available on npm and GitHub [3].

To use this component in Vue.js you need to import it as follows:

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

Beside the new Vue component you could of course also use available React and Angular components.

If you like working with Microsoft Power BI you might be also interested in the following articles — Microsoft had announced a few intersting and very efficient updates lately:

Sources and Further Readings

[1] Wikipedia, Vue.js (2022)

[2] Vue.js (2022)

[3] Microsoft Power BI Blog, Power BI component for Vue.js applications is now available (2022)

Data Science
Microsoft
Power Bi
JavaScript
Vuejs
Recommended from ReadMedium