vue.js에서 배열을 표현하는 방법

vue.js의 배열은 단일 대괄호로 표시됩니다. 배열을 만드는 방법은 다음과 같습니다. 먼저 코드 샘플 파일을 만든 다음 "

Array

"를 사용하여 배열을 정의합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.0, DELL G3 컴퓨터.

【추천 관련 글: vue.js】

Vue.js의 문자열, 객체, 배열의 표현 방법

1 문자열은 이중 중괄호 {{ }}

2. }

3. 배열은 단일 대괄호 [ ]

<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>

입니다.

위 내용은 vue.js에서 배열을 표현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!