Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Vue.js SPA with AEM

Avatar

Level 2

Hi,

 

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

 

Thanks!

1 Accepted Solution

Avatar

Correct answer by
Community Advisor
4 Replies

Avatar

Correct answer by
Community Advisor

Avatar

Level 2

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.

Avatar

Level 2

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!

Avatar

Level 1
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!