0
211
VistasLa plantilla de Vue no funciona al usar es6 import vue
A continuación se muestra mi paso de reproducción:
npm instalar vue@2.xx
escriba el código a continuación en mi archivo main.js
importar Vue desde 'vue' new Vue ({ el: '#app', data: { msg: 'hello,word' } })
use el paquete web para compilarlo, luego creará un archivo en la carpeta dist
luego escribo el archivo index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <div><span id="app">{{ msg }}</span></div> </div> <script src="./dist/main.js"></script> </body> </html>
luego abro el archivo index.html en Chrome, pero no muestra 'hola, palabra', soy un principiante nuevo, no puedo entender qué es lo que está mal. gracias de antemano. 
Y también descubrí que vue elimina mi dom como arriba img.
1 Respuestas
Responde la pregunta0
Al principio, pensé que se debía a que no estaba ejecutando el proyecto correctamente, pero luego me di cuenta de que el comentario que señaló con la flecha roja muestra que, de hecho, el servidor Webpack se está ejecutando.
Parece que el problema que tiene aquí es que está utilizando la compilación de Vue solo en tiempo de ejecución cuando necesita la compilación de tiempo de ejecución + compilador para compilar componentes de Vue que tienen bloques de plantilla o intercambiar los bloques de plantilla para renderizar funciones.
Si no usa la versión con el compilador pero sus componentes tienen bloques de plantilla, entonces no se compilarán correctamente (aunque normalmente se muestra un error para advertirlo).
Para obtener instrucciones sobre el uso de la compilación completa en lugar de la versión de solo tiempo de ejecución, consulte aquí .