【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】

2024/03/07 9 users Vue マクロ import script ref

<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ... 続きを読む

Vue3をアゲアゲ↑↑する記事 - Qiita

2023/08/26 40 users Vue Qiita Vue.js エンジニア Vue3

はじめに こんにちは、フロント歴7年目のエンジニアになります🙂 今回は日頃仕事でお世話になっているVue.jsに感謝の意を込めて、 Vueの素晴らしさを皆さんに少しでも感じて貰えたらと思い、この記事を投稿することにしました。 アゲアゲするとか言って 「どうせSFCが便利とか言いたいんでしょ？」 「script setupが凄く... 続きを読む

Vue3の衰退を招いたのは<script setup>とCompositionAPIかもしれない という考察 - Qiita

2023/06/07 148 users Qiita 妄言 衰退 根拠 考察

Vue3の衰退を招いたのは<script setup>かもしれないCompositionAPIという考察 ほとんど肌感であり、根拠のない妄言だと思ってもらって構わないのだが、Vue3のリリース以降Vueが流行から離れつつあり、その原因は<script setup>とcompotision APIにあるのではないかと考えるに至った。 その辺りを書き綴っていく お前は誰... 続きを読む

Vue3<script setup lang="ts">知見

2022/10/02 15 users lang Webpack 知見 TypeScript Vue3

続いて、TypeScriptが入っていなかったので入れたのですが、なかなか<script setup lang="ts">の知見がネットになかったのでここに軽く共有できたらと思います。 前提 Vueは3.2系（<script setup>が使えるのは3.2系から） TypeScriptは4.5.5(vue-createするとこれが入る) webpacker... ts-loader 有用なドキュメント集 ... 続きを読む

Vue.js は Reactivity Transform でさらに進化する

2022/02/13 23 users Vue.js experimental ref 変換 コード

Reactivity Transform とは Vue 3.2.25 から experimental で実装されている機能です[1]。script setup の defineProps() などと同様、コンパイラーマクロによってコードを変換する仕組みです。 公式ドキュメントからコードを引用しつつ、主要なポイントを解説したいと思います[2]。 ref の変換 今まで Composition API ... 続きを読む