Vue3でvue-routerを使うときのmain.js

最初はこれ。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router.js'

createApp({
    router,
    render: function(h) {
        return h(App)}
    }).mount('#app')

エラーはこれ。

[Vue warn]: Unhandled error during execution of render function 
  at <App> ... //省略

app.js:552 Uncaught TypeError: h is not a function

hが定義されていない的な。私もコピペだから分からん。
公式見たら、renderいらないぽい。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router.js'

const app = createApp(App)
app.use(router)
app.mount("#app")

なのでこちらで完了。

こちらで勉強させていただいた。


この記事が気に入ったらサポートをしてみませんか?