。
组件代码的结构如下:
const template = `
...
`export default { template, data () { }, computed: { }, // etc.}
主要的应用程序组件在 index.js 文件中。它的任务是为所有组件分配定制的 HTML 标记,比如 < app-header > 或 < app-footer > 。
import Header from './header/header.js'import Content from './content/content.js'import Footer from './footer/footer.js'const App = { el: 'main', components: { 'app-header': Header, 'app-content': Content, 'app-footer': Footer
}
}window.addEventListener('load', () => { new Vue(App)
})
</