Vue 2.0 project boilerplate.
- Vue 2.0
- Vue Router 2.0
- Vue Stash 2.0
- Vue Events
- Vue Resource
- lodash
- jQuery
- Bootstrap Sass
- Font Awesome
- Laravel Elixir
- Clone the git repo
git clone https://github.com/cklmercer/vue-stack-2.0
- Change into the directory
cd vue-stack-2.0
- Open
./public/index.html
with your browser.
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.
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.
vue-stack-2.0
leverages the latest vue-router. To get started, checkout
./app/routes.js
.
- Run
npm install
- Change some code
- Run
gulp
I'm using laravel/homestead and browser-sync