Primeiro, para a reatividade se envolver, você deve incluir a marcação em um x-data diretivo. Se você remover esta diretiva, o x-text não entrará em vigor. Então, o x-data A diretiva cria um componente alpino. Nesse caso, a diretiva está vazia, mas no uso real, você quase sempre tem dados lá; Afinal, você está escrevendo componentes cujo objetivo é ser reativo a esses dados.
Segundo, você pode colocar qualquer javascript válido no x-text. Isso é verdade para todos Diretivas Alpinas. O x-text A propriedade fornece um link entre o HTML (a visualização) e o JavaScript (o comportamento).
Usando os elementos X-Data e X-Text
O x-data O conteúdo é fornecido a todos os elementos contidos. Para entender o que quero dizer, veja o seguinte código:
