diff --git a/README.md b/README.md index 4ca074afc21bafec91aeee60994bc09e063352be..e74f5143e25b379e7f2f215ceac31726c1011547 100644 --- a/README.md +++ b/README.md @@ -48,6 +48,20 @@ cordova emulate android ``` ## Develop the code +### Don't touch the /www folder! +Normally in Cordova you would put your code here, but this is where vue-cli is putting the things that it builds. + ### Main template -The main layout is based on a very simple template snatched from Bootstrap. +The main layout is based on a very simple template snatched from Bootstrap. You find it in /html (at the project root level). +Everything that Vuejs operates on happens inside the `main` element + +``` html +<main id="app" role="main" class="container"></main> +``` + +You find all the Vuejs code in the `/src` folder + +Looking at /src/main.js, the Vue app is not started until Cordova fires the deviceready event. + +The router components (the "pages" in the Single Page Application that you manage) are found in `/src/components`. The router (paths + components definitions) is found in `/src/router/index.js` diff --git a/src/main.js b/src/main.js index d90b191350c46afbe7c670bf53ce5834899fba3a..0823a9a194d122e5950afd85002c1df63a91ccf4 100644 --- a/src/main.js +++ b/src/main.js @@ -14,10 +14,8 @@ const init = () => { components: { App }, template: '<App/>', data: { - deviceIsReady: false }, methods: { - }, created() { console.info("Vue is ready")