composer require yabafinet/way-end``
- Configuring your endpoint file.
- Create a file in your public folder project
way-end.phpand put this code:
use Yabafinet\WayEnd\WayEndService;
$componentBuild = new WayEndService($_REQUEST);
// route/url to your components
$componentBuild->route('/way-end');
// path to your components folder
$componentBuild->loadComponents('resources/components');
$componentBuild->catchActions();
$componentBuild->compileJs();- Create a file in your
resources/componentsfolder. Example:resources/components/MyComponent.phpand put this code:
use Yabafinet\WayEnd\Vue\VueComponent;
class MyComponent extends VueComponent
{
public $user_id = 1;
public $post_comment = 'My comment';
public function like($post_id)
{
DB::table('likes')->insert([
'user_id' => $this->user_id,
'post_id' => $post_id
]);
}
public function template()
{
return <<<HTML
<div>
<h1>My Component</h1>
<p>Post Comment: {{ post_comment }}</p>
<button v-on:click="like(1)">Like</button>
</div>
HTML;
4CDC
}
}