Render a List
VueJS
by itsazzad
HTML
<script src="https://npmcdn.com/[email protected]/dist/vue.js"></script>
<div id="app">
<p>{{message}}</p>
<input v-model="message" >
<ul>
<li v-for="todo in todos">{{todo.text}}</li>
</ul>
</div>JavaScript
new Vue({
el: "#app",
data:{
message: "Cox's Bazar",
todos: [
{text: 'Anik'},
{text: 'Shaon'},
{text: 'Sazzad'},
]
}
});