livewire Quickstart doesnt works



我正在尝试执行Livewire快速入门。我已经正确地安装了一切,并复制了代码,因为它出现在示例中,动态行为不适合我。也就是说,我不知道它是否加载Javascript,因为控制台中没有出现任何内容。

html:


@livewireStyles
</head>

<body>

<livewire:counter/>

@livewireScripts      
</body>
</html>

类:

class Counter extends Component
{
// cual propiedad puede accederse por el componente..
public $count=0;

public function increment()
{

$this->count++;
}

public function render()
{
return view('livewire.counter');
}


}

按钮:

<div class="inline-block mr-2 mt-2">
{{-- wire: evento que se espera... ='metodo al que llama' --}}
<button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>

它不适合我与php artisan serve或与我已经创建的虚拟服务器,我也转录的情况下,路径是错误的:

& lt;虚拟主机*比;DocumentRoot"C: xampp 根 cursos public"ServerName cursos.test目录"C:xampphtdocscursospublic "选择所有AllowOverride所有要求所有授予

感谢

在counter的Blade文件中,将其包装成一个div元素

<div>
<button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>

在Counter组件中将count变量初始化为0

public $count = 0

最新更新