Skip to main content

Command Palette

Search for a command to run...

How to create simple tabs system with VueJS

Published
1 min read
How to create simple tabs system with VueJS
M

Hi, I'm Marco, Engineering Manager and a Lead developer with experience building and managing product-focused teams. My tasks include handling the engineering team delivering on time and with quality code, helping them grow in their role and guiding them towards their career goals. As a developer, I work extensively with JavaScript front and back (Vue, React and node) and other modern technologies (SCSS, GraphQL, NoSQL DBs, CD/CI, unit and e2e testing, development experience, etc.).Mentoring and teaching developers to grow and learn is a big part of my job and personal mission. Furthermore, I like seeking new technologies and staying up-to-date on industry trends and advancements. In addition to my roles as a front-end and engineering manager, I have often served as a Scrum Master, helping companies introduce an agile methodology or improve the existing one.

Today I want to share with you an easy way to build a simple tab system using VueJS.

As a starter, I am using Vue/cli 3

Instructions

for installing vue-cli:

npm i -g @vue/cli

for creating a new project:

vue create <project-name>

for running the project:

cd <project-name>
npm run serve

YouTube

Vue Tabs

Get the code

GitHub CodeSandbox

More from this blog