Vi que em alguns projetos estão usando assim
import Componente '@/components/Home.vue' ou import Component './components/Home.vue (forma do curso)
Ambos funcionam da mesma maneira. Qual a diferença se existe?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Vi que em alguns projetos estão usando assim
import Componente '@/components/Home.vue' ou import Component './components/Home.vue (forma do curso)
Ambos funcionam da mesma maneira. Qual a diferença se existe?
No webpack config é possível configurar uma maneira para que sempre que vir o @ nesse caso pega o caminho inicial do seu projeto (raiz), é legal fazer isso pois fica mais fácil visualmente buscar um componente através da raiz do que ficar se preocupando com a busca com o caminho relativo.
Exemplo, se vc tiver em pages/home/about.vue e quiser pegar o menu/menu.vue vc vai precisar subir dois niveis ../../menu/menu.vue, ja com @ vc pode acessar direto da raiz @menu/menu.vue agora imagina que o seu about tenha subido para pages/about.vue vc teria que mudar ../../menu/menu.vue para ../menu/menu.vue, ja com o @ a coisa ja estaria ok! =)