Using with Vue.js
Elastic Cloud Serverless projects are autoscaled environments, fully managed by Elastic and available on Elastic Cloud. Availability This functionality is generally available and ready for production usage. Serverless interfaces and procedures might differ from classic Elastic Stack deployments. The Elastic Stack includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats. Availability This functionality is generally available and ready for production usage. Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments. This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the release notes for changes.
Serverless
Generally available
Stack
Generally available
While Search UI doesn’t have a component library for Vue.js, you can still use them together, just with a little extra work.
To achieve that you’ll need to import and work directly with Search UI Core API. Read a short API reference guide for high-level overview on the approach.
Once you’re familiar with the concept of Search UI core, the following docs will give you deeper dive into available APIs:
The following demo is a good starting point for your Search UI implementation. The source code is available on GitHub: https://github.com/elastic/search-ui/tree/main/examples/vue
Check out our Vue.js integration demo in CodeSandbox.
The example demonstrates how to implement Search UI in a Vue.js application.