Vue 2.0 project boilerplate.
Looking for a more updated, light-weight boilerplate? Check out vue-mix
- 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
- Run
npm install
- Run
gulp
- 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
.
I'm using laravel/homestead and browser-sync