<!DOCTYPE html>
<html>
<head>
<script src="http://192.168.1.22:8098"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body style="font-size: 30px">
<section id="app-3">
<section>{{category}}</section>
<ul>
<li v-for="(member, key, index) of subject">
{{index+1}}. {{ key }} : <strong>{{member}}</strong>
</li>
</ul>
</section>
<script>
new Vue({
el:'#app-3',
data:{
category:'Project Base Learning',
subject:{
Name: 'PHP-Laravel',
'Number of sessions': '40',
'Where to learn': 'V1Study'
}
}
});
</script>
</body>
</html>