Maison > interface Web > Voir.js > le corps du texte

Comment représenter des tableaux dans vue.js

藏色散人
Libérer: 2023-01-13 00:45:05
original
5074 Les gens l'ont consulté

Les tableaux dans vue.js sont représentés par des crochets simples. La méthode de création d'un tableau est la suivante : créez d'abord un exemple de fichier de code, puis transmettez l'instruction "array

" pour définir un tableau.

Comment représenter des tableaux dans vue.js

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.0, ordinateur DELL G3.

[Articles connexes recommandés : vue.js]

Méthodes de représentation des chaînes, des objets et des tableaux dans Vue.js

1. est une double accolade {{ }}

2. L'objet est une simple accolade { >

3 Le tableau est une simple accolade [ ]

<div id="app">
    <!--字符串-->
    <p :class="a">{{str}}</p>
    <!--对象-->
    <p :class="{aClass:isA,bClass:isB}">对象</p>
    <!--数组-->
   <p :class="[&#39;aClass&#39;,&#39;bClass&#39;]">数组</p>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
  const vm=new Vue({
    el: &#39;#app&#39;,
    data: {
      a: &#39;aClass&#39;,
      str: &#39;字符串&#39;,
      isA: true,
      isB: false
    },
  })
</script>
Copier après la connexion
.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal