{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/explore-vue3-syntax-sugar",
  "path": "/posts/explore-vue3-syntax-sugar",
  "publishedAt": "2022-10-24T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "vue",
    "プログラミング",
    "効率化"
  ],
  "textContent": "ちなみに糖衣構文とは、プログラミング言語において、読み書きのしやすさのために導入される書き方とのことらしい。\n\nVue３のシンタックスシュガー\n\nViteで環境構築するとデフォルトで下記のような糖衣構文が使われている。\n\nどうやらVue3.2から使用できるようになったとのこと。\n\nこちらを使えばreact Likeな書き方ができるっぽいので調べてみた。\n\nまずVeturを無効に\n\nまずvsCodeの拡張機能の話から入り申し訳ないが、Veturは糖衣構文に対応していないとのこと。\n\nなのでVolarを使う必要がある。\n\nこれは公式もアナウンスしている。\n\nsetup関数がいらない\n\nこの構文を使えばsetup関数をわざわざ書く必要がない。\n\nをする必要もなければ、\n\nをする必要もないので、とんでもなくシンプルに書けるようになった。\n\nというより、よりjavascriptに戻ってきた感がある。\n\nPropsを使いたい\n\nPropsはscript内で、\n\nで使用できるようになる。\n\nデフォルト値を定義するには、\n\n上記のように。\n\nemitを使いたい\n\n上記のように使えばできる。\n\nライフサイクルはどうなったの？\n\n従来通りに使い方で問題ない。\n\nこの記事はhttps://zenn.dev/watataku/articles/271d00d844c554の自分用メモなので、詳しくはhttps://zenn.dev/watataku/articles/271d00d844c554を参照してください。",
  "title": "vue3のシンタックスシュガーについて調べてみた。"
}