脚本宝典收集整理的这篇文章主要介绍了vue.js中数组怎么表示,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue.js中数组是用单中括号来表示的,其数组的创建方法是:首先创建一个代码示例文件;然后通过语句“<p :class="['aClass','bClass']">数组</p>”来定义一个数组即可。
本教程操作环境: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="['aClass','bClass']">数组</p> </div> <script type="text/javascript" src="../js/vue.js"></script> <script type="text/javascript"> const vm=new Vue({ el: '#app', data: { a: 'aClass', str: '字符串', isA: true, isB: false }, }) </script>
以上就是vue.js中数组怎么表示的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的vue.js中数组怎么表示全部内容,希望文章能够帮你解决vue.js中数组怎么表示所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。