{"id":12944,"date":"2023-11-04T08:21:58","date_gmt":"2023-11-04T08:21:58","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=12944"},"modified":"2023-11-04T08:21:59","modified_gmt":"2023-11-04T08:21:59","slug":"belajar-vue-js-state-loop-dan-conditional-rendering-part-2","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/","title":{"rendered":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Pada video tutorial kali ini, kita akan belajar cara membuat state, loop dan conditional rendering part 2.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/6Q9tWOMZJ34?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Pada video tutorial kali ini, kita akan belajar cara membuat state, loop dan conditional rendering part 2.<\/p>\n","protected":false},"author":15,"featured_media":12946,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4643],"tags":[4683,4682,4685,4686,4684,4681],"class_list":["post-12944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-vue-js","tag-belajar-vue-js-state-loop-dan-conditional-rendering","tag-belajar-vue-js-state-loop-dan-conditional-rendering-pemula","tag-kursus-vue-js-state-loop-dan-conditional-rendering-bandung","tag-kursus-vue-js-state-loop-dan-conditional-rendering-jakarta","tag-tutorial-vue-js-state-loop-dan-conditional-rendering","tag-tutorial-vue-js-state-loop-dan-conditional-rendering-pemula"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Pada video tutorial kali ini, kita akan belajar cara membuat state, loop dan conditional rendering part 2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T08:21:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-04T08:21:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\"},\"headline\":\"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2\",\"datePublished\":\"2023-11-04T08:21:58+00:00\",\"dateModified\":\"2023-11-04T08:21:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/\"},\"wordCount\":33,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/state_2.jpg\",\"keywords\":[\"Belajar Vue JS State Loop dan Conditional Rendering\",\"Belajar Vue JS State Loop dan Conditional Rendering Pemula\",\"Kursus Vue JS State Loop dan Conditional Rendering Bandung\",\"Kursus Vue JS State Loop dan Conditional Rendering Jakarta\",\"Tutorial Vue JS State Loop dan Conditional Rendering\",\"Tutorial Vue JS State Loop dan Conditional Rendering Pemula\"],\"articleSection\":[\"Belajar Vue JS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/\",\"name\":\"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/state_2.jpg\",\"datePublished\":\"2023-11-04T08:21:58+00:00\",\"dateModified\":\"2023-11-04T08:21:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/state_2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/state_2.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/farry\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/","og_locale":"en_US","og_type":"article","og_title":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog","og_description":"Pada video tutorial kali ini, kita akan belajar cara membuat state, loop dan conditional rendering part 2.","og_url":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/","og_site_name":"WebHozz Blog","article_published_time":"2023-11-04T08:21:58+00:00","article_modified_time":"2023-11-04T08:21:59+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941"},"headline":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2","datePublished":"2023-11-04T08:21:58+00:00","dateModified":"2023-11-04T08:21:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/"},"wordCount":33,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg","keywords":["Belajar Vue JS State Loop dan Conditional Rendering","Belajar Vue JS State Loop dan Conditional Rendering Pemula","Kursus Vue JS State Loop dan Conditional Rendering Bandung","Kursus Vue JS State Loop dan Conditional Rendering Jakarta","Tutorial Vue JS State Loop dan Conditional Rendering","Tutorial Vue JS State Loop dan Conditional Rendering Pemula"],"articleSection":["Belajar Vue JS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/","url":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/","name":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2 - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg","datePublished":"2023-11-04T08:21:58+00:00","dateModified":"2023-11-04T08:21:59+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2023\/11\/state_2.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/belajar-vue-js-state-loop-dan-conditional-rendering-part-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Belajar Vue JS : State, Loop dan Conditional Rendering Part 2"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/farry\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=12944"}],"version-history":[{"count":1,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12944\/revisions"}],"predecessor-version":[{"id":12948,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12944\/revisions\/12948"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/12946"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=12944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=12944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=12944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}