Your Vue.js application just got a powerful component
September of 20 has been an exciting month for Power BI adopters and Vue.js applications. Microsoft has just announced a new component that allows Power BI content to be embedded into Vue.js interfaces and websites.
ABCloudZ is always working with the latest modern architectures, preparing our consultants and portfolio to offer the cutting edge of technology to all our customers. Similar to the well-known React and Angular frameworks, Vue.js is becoming increasingly popular among JavaScript frameworks. They have reportedly grown 22% in the last 5-year span alone and have achieved a total of 51% adoption during 2021 according to the State of JS – the annual developer survey of the JavaScript ecosystem.
Source: State of JS
Experience it in Action
When Microsoft released the new component, it made it possible for us to embed Power BI within Vue applications with ease. It supports the embedding of reports, dashboards, Q&A, and more. Of this point and is available from the npm and GitHub platforms as powerbi-client-vue-js.
After embedding, the component also allows you to configure how it will interact with your application. The sample below demonstrates the embedding of a report with multiple event handlers set.
If you’re interested in a more in-action experience, you can download the public demo application from Microsoft’s github repository. Through this demo, you can follow the complete flow of embedding and then updating a Power BI report referring to the PowerBIReportEmbed component and enabling users to edit the report using the powerbi report authoring library.
Embedding flavors
If you’re new to JavaScript frameworks, we have more good news! In addition to this new Vue component, previous components are already available for Power BI embedding content with React and Angular applications and their respective frameworks.
This availability translates into wider and more diverse opportunities for your organization to take advantage of your application development initiatives. And you can easily integrate them with your Data Analytics solutions, whether they are the ones already in place or new ones you’re planning to deploy.
These changes make it easier and more transparent for your user audience because your visualization platform can be easily reached through your web applications.
Willing to give it a go?
If you’re wondering how these changes could be enabled within your organization, ABCloudZ and our group of specialists can help you assess how, where from, and what to integrate with your applications. We can bring both your Web and Data platforms to shine and we’ll also provide your audience with the best user experience and insights. Please contact us for more information and a business needs evaluation.
