Estoy usando vue.js local. Estos son mis archivos. índice.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"> <script src="res/vue.js"></script> <script src="res/vue-router.js"></script> <title>Vue</title> </head> <body> <div id="app" ></div> <script type="module" src="App.js"></script> </body> </html>Aplicación.js
import Vue from './res/vue.js' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app')aplicación.vue
<template> <div> {{foo}} </div> </template> <script> export default { name: 'App', data: function(){ return{ foo:'Hello vue' } } } </script> <style> </style>Pero mi index.html no muestra nada
Monta su instancia de vue en el nodo div cuya identificación es "aplicación", pero no puedo encontrar el nodo "#aplicación", por lo que puede resolverlo insertando el nodo "#aplicación".
índice.html:
<body> <div id="app"></div> <script type="module" src="App.js"></script> </body>Como Steven sugirió, debe compilar los componentes de vue.
Si no quiere hacerlo de esa manera, a continuación se muestra la forma más fácil.
Vue.createApp({ data() { return { foo: 'Hello vue', }; }, }).mount('#app'); <!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" /> <script src="https://unpkg.com/vue@next"></script> <!-- <script src="res/vue-router.js"></script> --> <title>Vue</title> </head> <body> <div id="app">{{foo}}</div> <script type="module" src="App.js"></script> </body> </html> Probablemente necesite build con vue-cli para crear un SPA (aplicación de una sola página) para su aplicación de Android
Hola, ¿tu importación es correcta? desde node_modules debería import Vue from 'vue' y no import Vue from './res/vue.js' pruébalo