Vue.js SPA with AEM | Community
Skip to main content
M
marcuss38348279
Level 2
September 29, 2020
Solved

Vue.js SPA with AEM

  • September 29, 2020
  • 2 replies
  • 10627 views

Hi,

 

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

 

Thanks!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by BrianKasingli

    @marcuss38348279,

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

    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

     

    2 replies

    BrianKasingli
    Community Advisor and Adobe Champion
    BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
    Community Advisor and Adobe Champion
    October 16, 2020

    @marcuss38348279,

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

    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

     

      M
      marcuss38348279Author
      Level 2
      October 22, 2020

      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.

        B
        Blocker
        Level 2
        April 14, 2021

        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!

          M
          monnielo
          May 18, 2021
          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!
          Terms & ConditionsAccessibility statement

          Loading footer...