sample js component

resources/assets/js/app.js

@@ -13,6 +13,8 @@ require('./bootstrap');
  * the application, or feel free to tweak this setup for your needs.
  */
 
+Vue.component('example', require('./components/Example.vue'));
+
 var app = new Vue({
     el: 'body',
 

resources/assets/js/bootstrap.js

@@ -8,7 +8,6 @@ window.Cookies = require('js-cookie');
  */
 
 window.$ = window.jQuery = require('jquery');
-
 require('bootstrap-sass/assets/javascripts/bootstrap');
 
 /**
@@ -18,7 +17,6 @@ require('bootstrap-sass/assets/javascripts/bootstrap');
  */
 
 window.Vue = require('vue');
-
 require('vue-resource');
 
 /**

resources/assets/js/components/Example.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <h1>Example Component</h1>
+    </div>
+</template>
+
+<script>
+    export default {
+        ready() {
+            console.log('Component ready.')
+        }
+    }
+</script>