JavaScript Vue HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

vue-stack-2.0

Vue 2.0 project boilerplate.

Looking for a more updated, light-weight boilerplate? Check out vue-mix

Includes

  • Vue 2.0
  • Vue Router 2.0
  • Vue Stash 2.0
  • Vue Events
  • Vue Resource
  • lodash
  • jQuery
  • Bootstrap Sass
  • Font Awesome
  • Laravel Elixir

Setup

  • Clone the git repo git clone https://github.com/cklmercer/vue-stack-2.0
  • Change into the directory cd vue-stack-2.0
  • Run npm install
  • Run gulp
  • Open ./public/index.html with your browser.

Features

Global Store

Visit ./app/store.js to add properties to your global store. Pre-initialize these properties and they'll be reactive just like other properties in your component's data option.

You can access these properties from from within any component using the store option or via vm.$store.

See vue-stash for more details regarding the global store.

Global Event Bus

Since the vm.$dispatch and vm.$broadcast events have been deprecated, vue-stack-2.0 leverages vue-events to simplify event handling.

Fire an event

  • vm.$events.fire('event-name', data)
  • vm.$events.emit('event-name', data)
  • vm.$events.$emit('event-name', data)

Listen for an event

  • vm.$events.listen('event-name', cb())
  • vm.$events.on('event-name', cb())
  • vm.$events.$on('event-name', cb())

See vue-events for more details.

SPA Routing

vue-stack-2.0 leverages the latest vue-router. To get started, checkout ./app/routes.js.

I'm using laravel/homestead and browser-sync

License

MIT