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}} </span>
<template v-for="str in 'zhaodaxin'">{{str}} </template>
</div>