Jangan sertakan sintaks vuejs apa pun di file HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>My Super app</title>
</head>
<body>
<div id="app"></div>
<script src="/app.js"></script>
</body>
</html>
Di JavaScript utama Anda, Anda dapat:
import Vue from 'vue'
import App from './App'
new Vue({
el: '#app',
components: { App },
template: '<App/>'
})
Lihat templat webpack vuetify untuk referensi.
Solusi lain adalah menggunakan:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>My Super app</title>
</head>
<body>
<div id="app" is="App"></div>
<script src="/app.js"></script>
</body>
</html>
Dengan:
import Vue from 'vue'
import App from './App'
Vue.component("App", App);
const app = new Vue({});
window.addEventListener("load", async () => {
app.$mount("#app")
})
[v-cloak] { display: none; } <div v-cloak> {{ message }} </div>
itu berarti, saya harus menambahkanv-cloak
atribut di setiap elemen yang saya ingin sembunyikan?