Great news - the DevExtreme Vue Components are now available as RTM! We have tested and finalized the functionality of our excellent Vue Components. Our support people are happy to help you with any issues you encounter and give you the help you need to use DevExtreme widgets in your Vue apps.
We're still working on improving our documentation and demos but rest assured, they'll be released soon. Let's take a look at what this release offers you.
DevExtreme Base
We revised the existing functionality to ensure our Vue Components are ready. Under the hood they use the DevExtreme core written in pure JS, so we focused on integrating cool DevExtreme features like templating into Vue ecosystem.
Our components support all essential Vue features like 2-way data binding using .sync or v-model directives or handling events through the v-on(@ shorthand) directive as well as defining widget templates through Vue slots and options validation.
Therefore, you benefit from both Vue's flexibility and DevExtreme's rich functionality. Learn more here.
Configuration Components
To easily set up our widgets with their detailed options we implemented configuration components. These are elements that are nested in code as if they represented sub-elements of a widget, but technically they only carry the configuration data. This means that options can be supplied declaratively and selectively, with default fallbacks in place. Also with configuration-components, you’re able to use .sync directive for their props, which makes options control more precise.
Read the documentation topic to learn more.
Demos
Test Online Demos here.
Limitations / Plans
Currently, not all demos are available for Vue though we're working on finishing them for a future release. We’re also enhancing and improving the documentation.
Test It Today
To use DevExtreme Vue Components install the package(s) from npm:
npm install --save devextreme devextreme-vue
Installation details here.
Feedback
We are interested to hear your thoughts on the DevExtreme Vue components. Please answer the following short survey. Then leave a comment below, thanks.