<div id="app">
{{5+5}}<br> <!--10-->
{{ ok ? 'YES' : 'NO' }}<br> <!--ok是true的时候为YES,false的时候为NO-->
{{ message.split('N').reverse().join('') }} <!--把message以N为分界线分割存入数组,把数组元素颠倒,把数据元素存入一个字符串-->
<div v-bind:id="'list-' + id">菜鸟教程</div>
</div>
<script>
new Vue({
el: '#app',
data: {
ok: true,
message: 'RUNOOB', //RUNOOB -> RU,OOB -> OOB,RU -> OOBRU
id : 1 //id="'list-' + id" = list-1
}
})
alter(document.getelementById('app').innerHTML);
</script>
结果:
10
YES
OOBRU
菜鸟教程