단일 파일 구성 요소를 활용하여 파스타를 분리하시겠습니까?

단일 파일 구성 요소는 estrutura(html) a logica(javascript) e o estilo(css) em uma única página의 모델입니다.

단일 파일 구성 요소의 예입니다.

<template>
  <p class="red-bold">{{ msg}}</p>
</template>

<script>
export default {
  data() {
    return {
      msg: 'Single-File Components'
    }
  }
}
</script>
<style>
.red-bold {
  color: red;
  font-weight: bold;
}
</style>

단일 파일 구성 요소를 활용하여 파스타를 분리하시겠습니까?
Nós desenvolvedores devemos semper prezar pela melhoria do nosso código e da forma como vamos dar a sua devida manutenção. Quando separamos nossa arquitetura 프런트 엔드 em 파스타 ou seja separamos o HTML do CSS e JAVASCRIPT, conforme o tamanho e a complexidade da aplicação a manutenção destes códigos terão um impacto de tempo.

No desenvolvimento de UI moderno, foi afirmado que em vez de dividir a base de código em três camadas enormes que se entrelaçam, faz muito mais sentido dividi-las em componentes. Dentro de um componente, seu modelo, logica e estilos são inerentemente acoplados, e colocá-los na verdade torna o componente mais coeso e sustentável.

주의할 점은 구성 요소의 구성 요소를 구성 요소에서 제거하고 구성 요소를 분리하여 JavaScript와 CSS를 분리하여 사용할 수 있도록 하는 것입니다Src Imports .

Single File Components SFC의 이점:

HTML, CSS 및 JavaScript에 친숙한 구문을 사용하는 모듈식 구성 요소의 핵심

사전 편집 모델

구성요소 포함 CSS

Sintaxe mais otimizada ao trabalhar com a API de composição

Mais otimizações de tempo de compilação por meio de análise cruzada de modelo e script

Suporte IDE com preenchimento automático e verificação de tipo para expressões de modelo

사용 가능한 대체 모듈(HMR) 지원

O SFC é um recurso definidor do Vue como uma estrutura e é a abordagem recomendada para usar o Vue nos seguintes cenários:

응용 프로그램 페이지(SPA)

Geração de Site Estático(SSG)

Experiência desenvolvimento(DX).

이력서:

단일 파일 구성 요소를 사용하면 페이지를 빠르게 관리할 수 있는 응용 프로그램의 이점을 얻을 수 있습니다. Quando separamos em 파스타 o tempo de manutenção aumenta e acaba não sendo sustentável.

Deixo aqui meu egithub .