Vue.js

Is an open-source JavaScript framework with the goal of being easy to learn, flexible and performant way of building web apps and user interfaces (UI).

featured tutorialUnderstanding Vue.js Lifecycle Hooks
Lifecycle hooks are a window into how the library you’re using works behind-the-scenes. Lifecycle hooks allow you to ...

Joshua Bemenderfer • Published on February 12, 2017 · Updated on December 2, 2021

Subscribe to Vue.js
Get notified when new articles on Vue.js are published.
    All
  • 20 Results
    Newest
    All time
    English
    • Question

      What is the best way to deploy an Inertiajs-Laravel project?

      I am building up a project which could possibly scale more than what I am expecting and I want to future proof my deployment process for scaling and performance. I am and using InertiaJS for Vue and Laravel, what shou...
      1 answer4 days agoBy ArielInertia.jsLaravelVue.js
    • Question

      Best practice: Should I make separate project for dev/staging, or just add new droplet in same project?

      So I’m planning to have a site using: Django, VueJS I was going to just create new droplet, but i noticed in the project settings, I have to define wether it’s production or staging - It got me thinking, why? Is it wr...
      1 answer2 months agoBy JihadDigitalOcean DropletsDjangoInitial Server SetupVue.js
    • Question

      In the tutorial where component was used, was there any main.js file to kickstart the program?

      I have been following up with the tutorial (How To Generate a Vue.js Single Page App With the Vue CLI) which I found easy to understand, but I could not understand how this would work without the file (main.js). I wou...
      1 answer2 months agoBy Sarmad AlsaadiVue.js
    • Tutorial

      How To Use Server-Side Rendering with Nuxt.js

      Nuxt.js is a framework for Vue.js applications that can solve this problem with server-side rendering, a strategy that renders the application on the server then sends it to the client. In this tutorial, you will use ...
      4 months agoBy Dave BerningDevelopmentVue.jsJavaScript
    • Question

      Uncaught SyntaxError: Unexpected token 'export'

      When I use this exactly same code to setup in my project to get payments from clients via Stripe, I still get an error as below export default { Uncaught SyntaxError: Unexpected token ‘export’ Please guide what am I d...
      1 answer4 months agoBy [email protected]StripeVue.js
    • Tutorial

      How To Debug Components, State, and Events with Vue.js Devtools

      When debugging a Vue application, moving between your source code and your browser can be a time-consuming process. To make debugging more efficient, you can use a browser extension like Vue.js Devtools. In this tutor...
      5 months agoBy Dave BerningJavaScriptDevelopmentVue.js
    • Question

      Vue router 404 error on refreshing site or direct link access - DO App

      Hi everyone, I have smoothly deployed a VueJS app on a DO App as Static Site. App and routes works fine. But there is one major problem, when someone tries to access router link directly or refresh the page - app thro...
      1 answer5 months agoBy MarciVue.jsDigitalOcean App Platform
    • Question

      Global middleware invoked when accessing API endpoints

      We’ve implemented authentication in a global middleware file named “init.js”. It’s quite simple: it first checks to see if a specific cookie has been created; if not, it sends the user to a SAML IdP server for authent...
      No answers yet5 months agoBy stephanusrex72DevelopmentJavaScriptVue.js
    • Question

      My vue component showing on just first post only

      As i followed the tutorial , everything worked fine till i realised , my vue favorite componentonlu shows on my first post , the other posts do not show anything , what do i do ? thank you
      2 answers6 months agoBy danieleche7Vue.jsLaravel
    • Tutorial

      How To Make Your Vue.js Application DRY with Slots, Mixins, and Composition API

      DRY is a programming strategy that stands for “Don’t Repeat Yourself”. It encourages code re-usability through modular architecture. Vue.js includes several strategies to modularize and re-use repeated snippets of cod...
      7 months agoBy Dave BerningJavaScriptDevelopmentVue.js
    • Tutorial

      Understanding Vue.js Lifecycle Hooks

      Lifecycle hooks are a window into how the library you’re using works behind-the-scenes. Lifecycle hooks allow you to know when your component is created, added to the DOM, updated, or destroyed. This article will intr...
      7 months agoBy Joshua BemenderferVue.js
    • Question

      Getting 504 on App Platform with VueJs.

      Hello, I am using the app platform on digital ocean to host my atatic site.The build goes successfully at least from the app point of view.Visiting the live app some times the app loads successfully with all chunks fe...
      1 answer7 months agoBy mcarannodchrissDigitalOcean App PlatformVue.js
    • Tutorial

      How To Build a Documentation System with Vue and VuePress

      In this article, you will use the Vue-powered static site builder, VuePress, to create a static website for documentation.
      7 months agoBy William ImohJavaScriptDevelopmentVue.js
    • Tech Talk

      Getting Started With Vue

      Want to build fast and efficient frontends? Explore why so many developers and teams love Vue.js and choose it over React.
      9 months agoBy Chris SevVue.jsTech Talks
    • Tutorial

      How To Manage State in a Vue.js Application with Vuex

      Vuex is the first-party development state management library for Vue.js. Vuex follows the principle that Redux has popularized over the past years: Data flows in one direction, with actions and mutations modifying dat...
      9 months agoBy Dave BerningJavaScriptDevelopmentVue.js
    • Question

      How to set up Vue deployment properly in apps

      Hi guys, I recently set up and Django API using Digital Ocean Apps & I wanted to connect it to a Vue frontend. When I was running Vue as a static site, it would only call localhost rather than targeting the API_URL wh...
      1 answer9 months agoBy Jake SteeleVue.jsDeploymentAPIDigitalOcean App Platform
    • Question

      How to Set up Private IP (VPC) connection for a Vue frontend droplet and a Django API backend with Nginx and SSL

      Hi! I have an issue leveraging the Private IP and VPC functionality between two droplets for a simple frontend and backend app. I followed a tutorial to set up a Vue app on a droplet with Nginx and secure it with Let’...
      No answers yet9 months agoBy BigCeruleanBoatDigitalOcean VPCDigitalOcean DropletsVue.jsDjangoNginxUbuntu 20.04
    • Question

      Nuxt js return cors problem in subdomain

      This code working on local but live not workNginx server { listen 80; listen [::]:80; index index.html; server_name freeconvertany.com www.freeconvertany.com; location / { proxy_pass http://localhost:3000; proxy_set_h...
      No answers yet9 months agoBy mohammaddothasanVue.jsLaravelNginxPHP
    • Question

      App platform - backend component needs manifest from frontend

      I have a Vue 3 app, built with vite, and a node backend. I’m trying to deploy to App Platform, using a static site for the frontend assets, and a service for the backend. When vite builds the frontend js and css asset...
      No answers yet11 months agoBy Tom LockeVue.js
    • Tutorial

      How To Use Built-In and Custom Directives in Vue.js

      As a front-end framework, Vue.js borrows the prop-driven approach of React, but also uses directives, which were made popular by Angular. In this context, directives are reusable chunks of code or logic that allow you...
      11 months agoBy Dave BerningJavaScriptDevelopmentVue.js