npm run dev se ejecuta muy rápido.

Cuando agrego 1000 filas de html (encabezado) a un archivo .vue (plantilla), la compilación demora 9 minutos.

Pregunta:

¿Vue.js no admite una plantilla tan larga?

¿Hay alguna forma de acelerar?

<template>
  <header class="..." >
    ... (1000 rows)
  </header>
</template>

<script>
export default {
  name: 'Header'
}
</script>
1
Codus 14 nov. 2017 a las 09:54

2 respuestas

La mejor respuesta

Porque estás usando una plantilla estática con 1000 elementos html estáticos. ¡Utilice v-for !
Lo que hará es simplemente compilar (¡no ejecutar!) La sintaxis de Vue en <template>.
Vea esto también: Un enlace útil sobre la representación de filas en diferentes marcos

1
hamzox 14 nov. 2017 a las 08:28

Esto es causado por eslint más bonita.

Solución

Siga estos pasos para solucionarlo.

  1. ir a /node_modules/vue-loader/lib/template-compiler/index.js líneas 78:81

  2. Cambio

    if (!isProduction) {

      code = prettier.format(code, { semi: false })

    } 

Para

    // if (!isProduction) { 

      // code = prettier.format(code, { semi: false })

    // }
1
MatthiasSommer 19 dic. 2019 a las 21:34