{"id":245,"date":"2022-06-15T06:35:20","date_gmt":"2022-06-14T21:35:20","guid":{"rendered":"https:\/\/www.b64.pw\/blog\/?p=245"},"modified":"2022-06-15T06:35:21","modified_gmt":"2022-06-14T21:35:21","slug":"vue-js%e3%82%92%e3%82%b3%e3%83%9e%e3%83%b3%e3%83%89%e3%81%aa%e3%81%97%e3%81%a7%e7%b0%a1%e5%8d%98%e3%81%ab%e4%bd%bf%e3%81%86%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%92%e4%bd%9c","status":"publish","type":"post","link":"http:\/\/www.b64.pw\/blog\/?p=245","title":{"rendered":"Vue.js\u3092\u30b3\u30de\u30f3\u30c9\u306a\u3057\u3067\u7c21\u5358\u306b\u4f7f\u3046\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f5c\u3063\u305f"},"content":{"rendered":"\n

Vue.js\u3092\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u3092\u4f7f\u308f\u305a\u306b\u304a\u624b\u8efd\u306b\u4f7f\u3046\u5834\u5408CDN\u304b\u3089\u30d3\u30eb\u30c9\u6e08\u307f\u306e\u3082\u306e\u3092\u53c2\u7167\u3059\u308b\u5f62\u304c\u697d\u3002
\u3064\u3044\u3067\u306bBootstrap\u3082\u53c2\u7167\u3059\u308b\u3068\u3088\u3044\u611f\u3058\u3059\u308b\u3002<\/p>\n\n\n\n

<!doctype html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3\/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/unpkg.com\/vue@2.6.14\"><\/script>\n<title>simple vue<\/title>\n<\/head>\n<body>\n    <div id=\"app\" class=\"container-fluid\">\n        <div class=\"row\">\n            <span class=\"col-12 fs-3 text-center border\">\u73fe\u5728\u306e\u6642\u523b: {{ currentTime }}<\/span>\n        <\/div>\n    <\/div>\n    <script>\n        const MainApp = new Vue( {\n            el: '#app',\n            data: {\n                currentTime:'',\n                intervalHandler:null\n            },\n            mounted(){\n                this.intervalHandler = setInterval(()=>{\n                    const dt =  new Date();\n                    this.currentTime = `${(dt.getHours()+'').padStart(2,'0')}:${(dt.getMinutes()+'').padStart(2,'0')}:${(dt.getSeconds()+'').padStart(2,'0')}` ;\n                }, 1000);\n            },\n        });\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\u30b3\u30fc\u30c9\u304c\u3061\u3087\u3063\u3068\u898b\u3065\u3089\u3044\u306e\u3067gist<\/a>\u306b\u3082<\/p>\n","protected":false},"excerpt":{"rendered":"
Vue.js\u3092\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u3092\u4f7f\u308f\u305a\u306b\u304a\u624b\u8efd\u306b\u4f7f\u3046\u5834\u5408CDN …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,21],"tags":[],"_links":{"self":[{"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/245"}],"collection":[{"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=245"}],"version-history":[{"count":3,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":249,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=\/wp\/v2\/posts\/245\/revisions\/249"}],"wp:attachment":[{"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.b64.pw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}