1. 라라벨7 설치

1
composer create-project --prefer-dist laravel/laravel livewiretuto
cs


2. 라이브와이어 설치

1
composer require livewire/livewire
cs


3. welcome에 라이브와이어 주입하기

1
2
3
4
5
6
7
8
9
10
<html>
<head>
    ...
    @livewireStyles
</head>
<body>
    ...
    @livewireScripts
</body>
</html>
cs


4. 새구성요소 만들기

1
php artisan livewire:make HelloWorld
cs


2개의 파일이 생성된다.

CLASS: app/Http/Livewire/HelloWorld.php

VIEW:  resources/views/livewire/hello-world.blade.php


5. view 파일을 간단히 작성해보자(views/livewire/hello-world.blade.php)

1
2
3
<div>
    <h2>HELLO WORLD</h2>
</div>
cs


6. welcome.blade.php파일에 주입해보자

1
 @livewire('hello-world')
cs


7. 브라우저에서 확인

'라라벨 > livewire_study' 카테고리의 다른 글

숫자카운터 db비동기  (0) 2020.04.12
라라벨 와이어 동작방법 버튼 카운터  (0) 2020.04.11
데이터바인딩  (0) 2020.04.11
속성사용하기  (0) 2020.04.11
변수값 넘기기  (0) 2020.04.11

+ Recent posts