1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <div id="app"><!-- Vueインスタンスが持ってるすべてのデータを表示 --><p>{{ $data }}</p><!-- Vueインスタンスが持ってるすべてのデータを見やすく表示 --><ul><li v-for="(item, key) in $data">{{ key }} : {{ item }}</li></ul><p>{{ myArray }}</p><p>{{ myArray[0] }}</p> <p>{{ myObject }}</p><p>{{ myObject.name }}-{{ myObject.num }}</p> <p>{{ myObjectList }}</p><p>{{ myObjectList[1].name }}-{{ myObjectList[1].num }}</p></div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 | var list = [ {name:'test1',num:1}, {name:'test2',num:10}]new Vue({ el:'#app', data:{ myArray:['aaa','bbb','ccc'], myObject:{name:'test',num:1}, myObjectList:list }}); |
