madhusudhan1234

Vue.component('vue-pagination', require('./components/Pagination.vue'));

madhusudhan1234

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks

madhusudhan1234

<?php

Route::get('user/api',[
	'as' => 'user.api',
	'uses' => 'API\UserApiController@index'
]);

Route::get('users',[
	'as' => 'users.index',
	'uses' => 'UserController@index'

madhusudhan1234

<?php

namespace App\Http\Controllers\API;

use App\Http\Controllers\Controller;
use App\User;
/**
 * Class UserApiController
 * @package App\Http\Controllers\API
 */

madhusudhan1234

<?php

namespace App\Http\Controllers;

/**
 * Class UserController
 * @package App\Http\Controllers
 */
class UserController extends Controller
{

madhusudhan1234

<div id="app">
  <button @click="alertData('Hello')">Click Me</button>
  <post :title="title" :author="author" :content="content"></post>
</div>

<template id="post-template">
	<h1>{{ title }}</h1>
	<h4>{{ author }}</h4>
	<p>{{ content }}</p>
  <small>Data From component {{ component }}</small>

madhusudhan1234

window.Event = new Vue();

Vue.component('post', {
	template: '#post-template',
	props: ['title', 'author', 'content'],
  created(){
  	let vm0 = new Vue();
    Event.$on('alertData',this.alertData);
  },
  methods:{

madhusudhan1234

require('./bootstrap');

import VuePagination from './components/Pagination.vue';
import axios from 'axios';

axios.defaults.headers.common = {
    'X-Requested-With': 'XMLHttpRequest',
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
};

madhusudhan1234

@extends('layouts.app')
@section('content')
  <div class="container">
    <table class="table table-bordered">
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Created At</th>
      </tr>
      <tr v-for="user in users.data">

madhusudhan1234

<vue-pagination  :pagination="users"
                  @paginate="getUsers()"
                  :offset="4">
</vue-pagination>