{"id":203,"date":"2021-05-05T02:46:02","date_gmt":"2021-05-05T02:46:02","guid":{"rendered":"https:\/\/yakazoo.net\/wordpress\/?p=203"},"modified":"2021-07-07T11:35:51","modified_gmt":"2021-07-07T11:35:51","slug":"vue-js%e3%81%a7%e3%83%ad%e3%83%bc%e3%82%ab%e3%83%ab%e3%81%aejson%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e8%aa%ad%e3%81%bf%e8%be%bc%e3%81%bf%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/yakazoo.net\/wordpress\/index.php\/2021\/05\/05\/203\/","title":{"rendered":"Vue.js\u3067\u30ed\u30fc\u30ab\u30eb\u306ejson\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u65b9\u6cd5"},"content":{"rendered":"\n

Vue\u3067web\u30b5\u30fc\u30d3\u30b9\u3092\u4f5c\u3063\u3066\u3044\u3066\u3001\u30b5\u30fc\u30d0\u30fc\u53d6\u5f97\u3067\u306a\u304f\u3001\u30ed\u30fc\u30ab\u30eb\u306ejson\u30d5\u30a1\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u305f\u3044\u5834\u9762\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u5b9f\u88c5\u65b9\u6cd5\u3092\u8abf\u3079\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

json\u30d5\u30a1\u30a4\u30eb\u306e\u914d\u7f6e<\/h2>\n\n\n\n

\u307e\u305a\u3001json\u30d5\u30a1\u30a4\u30eb\u3092src\/assets\u914d\u4e0b\u306b\u7f6e\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u4eca\u56de\u306fsample.json\u3068\u3057\u3066\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u3082\u306e\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

{\n    \"sampleData\" : [\n        {\n            \"title\": \"A\",\n            \"description\": \"AAA\"\n        },\n        {\n            \"title\": \"B\",\n            \"description\": \"BBB\"\n        },\n        {\n            \"title\": \"C\",\n            \"description\": \"CCC\"\n        }\n    ]\n}<\/code><\/pre>\n\n\n\n
import\u3057\u3066\u4f7f\u7528\u3059\u308b<\/h2>\n\n\n\n
\u3042\u3068\u306f\u4f7f\u3044\u305f\u3044\u30d5\u30a1\u30a4\u30eb\u3067import\u3057\u3066\u4f7f\u7528\u3059\u308b\u3060\u3051\u3067\u3059\u3002import\u3057\u305f\u5f8c\u306bdata\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
<template>\n  <v-container>\n    <v-list>\n      <v-list-item \n        v-for=\"(sample, key) in samples\" \n        :key=\"key\">\n        {{ sample.title }} : {{ sample.description }}\n      <\/v-list-item>\n    <\/v-list>\n  <\/v-container>\n<\/template>\n\n<script>\n  import sampleJson from '..\/assets\/sample.json';\n  \n  export default {\n    data() {\n      return {\n        samples: sampleJson\n      };\n    }\n  };\n<\/script><\/code><\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Vue\u3067web\u30b5\u30fc\u30d3\u30b9\u3092\u4f5c\u3063\u3066\u3044\u3066\u3001\u30b5\u30fc\u30d0\u30fc\u53d6\u5f97\u3067…<\/p>\n
Continue readingVue.js\u3067\u30ed\u30fc\u30ab\u30eb\u306ejson\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u65b9\u6cd5<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":85,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,10],"tags":[],"class_list":["post-203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vue-js","category-10","entry"],"_links":{"self":[{"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":4,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/203\/revisions\/227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/media\/85"}],"wp:attachment":[{"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yakazoo.net\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}