SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
  el:'#app',
  
  data:{
   movies:['我不是药神','你是药神','我是药神又怎样','你不是药神又怎样'],
    movies2:[ {movie:'我不是药神',rate:'9.0'}, {movie:'你是药神',rate:'6.0'},
            {movie:'我是药神又怎样',rate:'7.0'}, {movie:'你不是药神又怎样',rate:'9.0'}],
    person:{
      name:'Zhaodaxin',
      age:'24',
      sex:'male',
      hobby:'female,haha'
    }
  }
})
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
  <ul>
    <li v-for='movie in movies'>{{movie}}</li>
    <br>
    <li v-for='(movie,index) in movies2'>{{index}}:{{movie.movie}} | {{movie.rate}}</li>
  </ul>
  <p v-for='(value,prop,index) in person'>{{index}} {{prop}}:{{value}}</p>
  <span v-for='num in 10'>{{num}}</span>
  <span v-for="str in 'zhaodaxin'">{{str}}&nbsp;</span>
  <template v-for="str in 'zhaodaxin'">{{str}}&nbsp;</template>
</div>