Soy un novato con Vue, ahora defino el código vue así:
import Vue from "vue"; export default Vue.extend({ data: () => { message: "show message"; }, }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <template> <div id="app"> <div v-text="message"></div> </div> </template> ¿Por qué la interfaz de usuario no mostró el message de datos de Vue? este es mi código de versión de sandbox: https://codesandbox.io/s/loving-sea-snvfj?file=/src/App.vue:149-237
Recomiendo leer la documentación sobre Vue v2 o v3 en el sitio web oficial; es bastante bueno. Con respecto a tu situación, es mejor que te familiarices con estas secciones de la documentación .
A continuación se muestra un ejemplo del sitio web oficial:
var app = new Vue({ el: '#app', data: { message: 'show message' } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> {{ message }} </div>