{"id":1329,"date":"2022-11-22T05:29:21","date_gmt":"2022-11-22T05:29:21","guid":{"rendered":"http:\/\/tiemensfamily.com\/timoncs\/?p=1329"},"modified":"2022-11-22T05:29:21","modified_gmt":"2022-11-22T05:29:21","slug":"vue-js-2-versus-3","status":"publish","type":"post","link":"https:\/\/tiemensfamily.com\/timoncs\/2022\/11\/22\/vue-js-2-versus-3\/","title":{"rendered":"Vue.js 2 versus 3"},"content":{"rendered":"\n<p>As of this post creation, Vue.js version 3 is available, and is &#8220;being promoted&#8221; over version 2.  For example, the default &#8220;npm install -g @vue\/cli&#8221; install will use Vue 3.2.41 by default. <\/p>\n\n\n\n<p>Don&#8217;t use version 3 at this time.<\/p>\n\n\n\n<p>The reason: Vue.js v3.0 was released 2020\/Sep.  But Vue.js v3.2 was released 2021\/Aug, and there is some sort of &#8220;architecture war&#8221; (negative spin) or &#8220;massive improvement&#8221; (positive spin) happening with v3.2<\/p>\n\n\n\n<p>Specifically &#8211; v3.2 has introduced <a href=\"https:\/\/vuejs.org\/api\/sfc-script-setup.html\">&lt;script setup><\/a> coding style, which results in &#8220;&#8230; difference in module execution semantics&#8221;.  The documentation and examples for &lt;script setup> is very thin, and seems to (typically) assume you already know how to use it while it is being explained.<\/p>\n\n\n\n<p>Just stick with Vue.js (v2.5 is what I&#8217;m using in &#8220;compatibility mode&#8221; with &#8220;vue init&#8221; from the Vue CLI tool suite.  After my application is fully functional, I&#8217;ll try to upgrade to v2.7 (which is EOL 2023\/Dec; hopefully a year from now v3.2 will have caught up in its documentation.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As of this post creation, Vue.js version 3 is available, and is &#8220;being promoted&#8221; over version 2. For example, the default &#8220;npm install -g @vue\/cli&#8221; install will use Vue 3.2.41 by default. Don&#8217;t use version 3 at this time. The &hellip; <a href=\"https:\/\/tiemensfamily.com\/timoncs\/2022\/11\/22\/vue-js-2-versus-3\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,6],"tags":[],"_links":{"self":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts\/1329"}],"collection":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/comments?post=1329"}],"version-history":[{"count":1,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts\/1329\/revisions"}],"predecessor-version":[{"id":1330,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts\/1329\/revisions\/1330"}],"wp:attachment":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/media?parent=1329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/categories?post=1329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/tags?post=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}