安装并部署 Livewire 的步骤没有很多，照着做不用三分钟就能完成罗！今天一样是照着官方文件带大家做一次罗～
首先要先安装 Livewire 套件，到 Laravel 专案的根目录下指令：
composer require livewire/livewire
在 Laravel 专案中通常都会建立一个至多个 Layout.blade.php 的档案当作最外层的页面，并把 CSS、JavaScript、meta 等等都写在这里。由於後面版本的 Laravel 都没有内建，所以这边我们会在 resources/views 底下建一个 layouts 资料夹，并在里面建立一个 app.blade.php 的档案。建好之後分别在 <head> 及 <body> 加入 @livewireStyles 与 @livewireScripts 这样就引入完成罗。
以 Vue.js 来说的话，会比较像是 public/index.html
# 路径 resources/views/layouts/app.blade.php
<html>
<head>
...
@livewireStyles
</head>
<body>
...
@livewireScripts
</body>
</html>
回到终端机，这边要使用指令来建立 Livewire 的元件。
php artisan make:livewire <元件名称>
这里我们就照着官方文件建立一个叫做 ShowPosts 的元件：
php artisan make:livewire ShowPosts
指令下完後会自动产生两个档案，分别是：
app/Http/Livewire/ShowPosts.php
resources/views/livewire/show-posts.blade.php
这个档案会取代原先 Laravel 中 Controller 的功能，之後该页面会用到的後端逻辑都会写在这个档案之中。换句话说就是把原本 Controller 的功能分散至各个 Livewire 中。之後要直接呼叫 Controller 中的 Function 的话还要再透过 Router 才能实现，因此如果有其他地方会重复使用到的 Function 另外写一个 Class 各别引入应该会比较方便。
以 Vue.js 来说的话，就是各个 vue 页面底下的 script 区块
像是 data、methods、computed、mount 都会写在这里
这个档案会放这个元件的 HTML 以及画面的逻辑等等，跟一般的 Laravel 专案中的 blade 会放的内容是一样的。
以 Vue.js 来说的话，就是 Vue 档案上方的 template 部分
<<: Day 0x4 UVa10041 Vito's Family
上一篇文章对GKE做了小小的介绍，这篇就来从0开始建k8s，本篇都是以UI操作用主，如果有cli控可...
这是我们今天要聊的内容，老样的，如果你已经可以轻松看懂，欢迎直接左转去看我同事 Kyle 精彩的文...
前言 常常在要使用ORM model或seesion资料之前要确认他们是否为空(Null)。例如se...
接下来要回去弄日K交易策略，先把网格交易机器人打包起来独立成一个档案，还有把登入的部分打包起来，未来...
前几天教了一些基础概念和如何安装，今天就来个小应用来告诉各位要如何实际应用吧~! 首先创一个.htm...