1.代码

<script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>
<div id="list-rendering"><ol><li v-for="todo in todos">{{ todo.text }}</li></ol>
</div>
<script>
const ListRendering = {data() {return {todos: [{ text: 'Learn JavaScript' },{ text: 'Learn Vue' },{ text: 'Build something awesome' }]}}
}
Vue.createApp(ListRendering).mount('#list-rendering')
</script>

 

2.运行效果