在 main.js 文件中导入自定义 vue 组件

Question

我有很多 Vue 组件。我想从 main.js 文件为它们设置路由。但是我无法在此处导入我的组件，因为它是一个 javascript 文件。如何在此处导入我的 Vue 组件 (.vue)？

import Vue from 'vue'
import App from './App.vue'

// Components importing
import LandingPage './components/LandingPage.vue'; // error occurs here

const routes = [
  { path: '/', component: LandingPage },
]

const router = new VueRouter({
  routes // short for `routes: routes`
})

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router
}).$mount('#app')

Answer 1

尝试导入 import { LandingPage } './components/LandingPage.vue'

或者将导出默认设置为 LandingPage 组件。