This is a brief of my #vuejs Japan lightning talk. A concept on how to manage your vue files.
A basic structure for your vue files:
App.vue views/ Home.vue ... components/ Avatar.vue ... widgets/ ChatPopup.vue ...
The entry point for your project.
If you are using vue-router, it is the file for
Views are the pages. If you are using vue-router, it is the component that
<router-view> represents right now.
Every vue file in
views directory is a web page.
Components are just components. A component is a UI related module, it only cares about UI. It can never send HTTP requests.
A widget is a component that can handle data communication. It can talk to the server, and it must talk to the server.
For more information, check the slide. A talk at 2016-05-31.