Teknologian jakaminen

Mallin syntaksidirektiivin syntaksi - 02

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

//Ohjeiden syntaksi:

1. Mitä nimeäminen on ja mitä se tekee?

Direktiivin vastuu on soveltaa siihen liittyviä vaikutuksia reagoivaan toimintoon DOM, kun lausekkeen arvo muuttuu.

2. Kaikkien vue-kehyksen ohjeiden nimet alkavat kirjaimella v-

3. Interpolointi kirjoitetaan tarraan ja ohje kirjoitetaan sisään

Kaikki vue-laatikon ohjeet ovat HTML-tunnisteen attribuuttien muodossa.

Esimerkiksi: <span 指令写 在这 >{</span>{Tässä on interpolointisyntaksin sijainti}}

Huomautus: Vaikka ohje on kirjoitettu tunnisteen attribuuttikohtaan, selain ei ymmärrä tätä komentoa. Se on ensin käännettävä vue-kehyksellä.

4. Ohjeiden kielioppisäännöt

Syntaksimuoto ohjeille

<HTML 标签 v-指令名:参数 = “表达式”></HTML>

lauseke, aiemmin interpolaatiosyntaksissa { {Mitä tähän voi kirjoittaa}}, niin se, mitä ohjeessa olevaan lausekkeeseen voidaan kirjoittaa, on itse asiassa täsmälleen sama. On kuitenkin huomattava, että {:ta ei voi lisätä käskyn lausekkeen ulkopuolelle.{}}

Kaikilla käskyillä ei ole parametreja ja lausekkeita

Jotkut ohjeet eivät vaadi parametreja tai lausekkeita. Esimerkki: v-once

Jotkut ohjeet eivät vaadi parametreja, mutta vaativat lausekkeita, esimerkiksi: v-if = "lauseke"

Jotkut ohjeet vaativat sekä parametreja että lausekkeita. Esimerkiksi: v-bind: parametri = "lauseke".

  1. v-once -ohje

Toiminto: Piirrä elementti vain kerran ja renderöi se sitten uudelleen. Elementti ja kaikki sen alisolmut sijoitetaan staattiseen muistiin ja ohitetaan.

  1. v-if = "lauseke" -direktiivi

Toiminto: Lausekkeen suoritustulos vaatii Boolen tyyppisiä tietoja: tosi tai epätosi

true: Tunniste, jossa tämä ohje sijaitsee, hahmonnetaan selaimelle.

false: Tunnistetta, jossa tämä ohje sijaitsee, ei hahmonneta selaimelle.

<body>

<div id ='app'>

<h1>{{msg}}</h1/>

<h1 v-once>{{msg}}</h1>

<h1 v-if="a>b"> testata:{{msg}}</h1>

</div>

<script>

uusi Vue ({

el : '#sovellus'

data(){

viesti: 'qwert'

a: '20'

b : '21'

}

})

</scirpt>

</body>