Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
config
docs
hooks
platforms
plugins
res
src
static
.firebaserc
.gitignore
README.md
_config.yml
config.xml
firebase.json
index.html
package.json
yarn.lock

README.md

OnsenUI Vue Side Splitter Example

Based off of the OnsenUI Vue <v-ons-splitter-side> tutorial: https://onsen.io/v2/api/vue/v-ons-splitter-side.html.

This example will move the page components into their own .vue files.

Different Implementations

  1. using-function-property branch demonstrates using a function property to navigate between pages.

  2. vue-router branch demonstrates the OnsenUI wrapper for the Vue-router to navigate between pages.

  3. vuex branch demonstrates using VueX to control app state & navigate between pages.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Deploy

If you've never deployed the app to Firebase perform Steps 1 & 2, if you've already deployed the app before go directly to Step 3.

  1. link your local machine to Firebase npm run login

  2. initialize Firebase to host the app npm run init

  3. deploy the app to Firebase npm run deploy

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

You can’t perform that action at this time.