vue.js - 私はvue.jsドキュメントで、このページを通じてつもりだ外部ファイル

Question

からのルートコンポーネントをインポートする方法：

// 1. Define route components. 
// These can be imported from other files 
const Foo = { template: '<div>foo</div>' } 
const Bar = { template: '<div>bar</div>' } 

： https://router.vuejs.org/en/essentials/getting-started.html

例ルートコンポーネントを定義してJavaScript与え始まります

2番目のコメントについてThese can be imported from other files - コンポーネントを他のファイルからどのようにインポートすることができますか？これがどのように行われたかの良い例はありますか？

Answer 1

かなり明確だ

foo.jsは

const Foo = { template: '<div>foo</div>' } 
export default Foo 

Bar.js

const Bar = { template: '<div>bar</div>' } 
export default Bar 

Routes.js

import Foo from "./Foo" 
import Bar from "./Bar" 

const routes = [ 
    { path: "/foo", component: Foo }, 
    { path: "/bar", component: Bar } 
]