首頁 > web前端 > Vue.js > vue.js中數組怎麼表示

vue.js中數組怎麼表示

藏色散人
發布: 2023-01-13 00:45:05
原創
5115 人瀏覽過

vue.js中數組是用單中括號來表示的,其數組的創建方法是:首先創建一個代碼示例文件;然後通過語句“

陣列

」來定義一個陣列即可。

vue.js中數組怎麼表示

本教學操作環境:windows7系統、vue2.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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板