배열을 전달합니다.

" 배열을 정의합니다."/> 배열을 전달합니다.

" 배열을 정의합니다.">

 >  기사  >  웹 프론트엔드  >  vue.js에서 배열을 표현하는 방법

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

藏色散人
藏色散人원래의
2021-01-14 09:29:485054검색

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

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

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:vue가 뭐야?다음 기사:vue가 뭐야?