Vue.js中字符串、对象、数组的表示方法
1、字符串是双大括号 {{ }}2、对象是单大括号 { }3、数组是单中括号 [ ]<div id="app"><!--字符串--><p :class="a">{{str}}</p><!--对象--><p :class="{aClass:isA,bClass:isB}">...
·
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>
更多推荐
已为社区贡献8条内容
所有评论(0)