首页 > web前端 > Vue.js > vue.js中数组怎么表示

vue.js中数组怎么表示

藏色散人
发布: 2023-01-13 00:45:05
原创
5205 人浏览过

vue.js中数组是用单中括号来表示的,其数组的创建方法是:首先创建一个代码示例文件;然后通过语句“

数组

”来定义一个数组即可。

vue.js中数组怎么表示

本教程操作环境:windows7系统、vue2.0版,DELL G3电脑。

【相关文章推荐:vue.js

Vue.js中字符串、对象、数组的表示方法

1、字符串是双大括号 {{ }}

2、对象是单大括号 { }

3、数组是单中括号 [ ]

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板