Estoy tratando de comenzar a usar vue.js y tengo problemas para configurarlo. En mi paquete.json instalé la última versión "vue": "^2.6.14", y en mi carpeta main.js así
import Vue from "vue"; var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })y en mi archivo html agregué esto:
<div id="app"> {{ message }} </div>cuando se compila webpack, crea este archivo main.js pero el {{mensaje}} no se cambia a Hello Vue!. ¿Qué estoy haciendo mal aquí que esto no está funcionando?
Además, no se muestra ningún error en las herramientas de desarrollo.
Probar
import Vue from "vue"; var app = new Vue({ el: '#app', data () { return { message: "Hello Vue!" } } }).$mount('#app');Esto solucionaría tu problema
import Vue from "vue"; new Vue({ data() { return { message: 'Hello Vue!', }; }, }).$mount('#app');