Vue.js - نحوهی استفاده از list item ها و تخصیص item - قسمت چهارم
نویسنده: امین دانش
تاریخ: ۱۳۹۶/۰۱/۱۹ ۱۵:۵
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
var dotnettips = new Vue({
el: '#dotnettips',
data: {
items: [
{ message: 'one' },
{ message: 'two' }
]
}
}); <html>
<body>
<ul id="dotnettips">
<li v-for="item in items">
{{ item.message }}
</li>
</ul>
<script src="https://unpkg.com/vue@2.2.6">
</script>
<script type="text/javascript">
var dotnettips = new Vue({
el: '#dotnettips',
data: {
items: [
{ message: 'one' },
{ message: 'two' }
]
}
});
</script>
</body>
</html>