Vue.js SPA with AEM

[#1]

Hi,

I was wondering if there is any plans to make Vue.js a 1st class framework, similar to React and Angular?

Thanks!

[marcuss38348279 · Accepted solution]

@marcuss38348279,

Absolutely. Adobe and other third parties have documentation on this.

• https://helpx.adobe.com/experience-manager/kt/eseminars/ask-the-expert/aem-vue.html
• https://blog.3sharecorp.com/adobe-experience-manager-front-end-development-using-vuex
• https://github.com/rmatteoda/AEM_VueJS

You can also follow the initial structural pattern of how Angular vs ReactJS, for your VueJS application, https://github.com/adobe/aem-project-archetype/tree/master/src/main/archetype

[marcuss38348279 · Accepted solution]

Hi @BrianKasingli, I've seen these links, but it is much different than the current first class support AEM offers for React or Angular. None of those links are about using AEM's SPA editor to make SPAs with Vue, rather integrating Vue with the AEM's more classic templating system.

So while your solution was marked as the "accepted solution" (I didn't mark it as such) it really isn't.

[monnielo]

Hello!

The Mavice team has added a new Vue.js SPA integration to AEM. Take full advantage of Vue's progressive and reactive ecosystem in creating scalable and production-ready AEM SPA applications. We were able to achieve this by developing an 'aem-vue-editable-components' library, similar to the 'aem-react-editable-components'. See the Mavice AEM WKND Vue project or create your own by cloning Mavice's fork of the Adobe AEM archetype on Github.

Thanks!

[monnielo]

Hi there! I was very excited to come across your AEM Vue project!! I got through the tutorials and on to Map SPA Components to AEM Components (react version) and tried to follow along but setting up with vue. I got to the image resizing part and realized the grid in layout mode isn't working. I try to resize an element and it doesn't resize. I setup a separate react spa example and the grid works on there, so have been trying to compare the two. So far they seem pretty similar in handling the responsive grid. Any ideas what might be the cause? Thank you!