ホームページ > ウェブフロントエンド > Vue.js > vue.js で配列を表現する方法

vue.js で配列を表現する方法

藏色散人
リリース: 2023-01-13 00:45:05
オリジナル
5095 人が閲覧しました

vue.js の配列は単一角かっこで表されます。配列を作成する方法は次のとおりです: まずコード サンプル ファイルを作成し、次にステートメント "

Array

" で配列を定義します。

vue.js で配列を表現する方法

このチュートリアルの動作環境: Windows7 システム、vue バージョン 2.0、DELL G3 コンピューター。

[おすすめ関連記事: vue.js]

Vue.js における文字列、オブジェクト、配列の表現方法

1. String Itは二重中括弧 {{ }}

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート