یک کامپوننت تک‌فایلی Vue را قالب‌بندی کنید: template، script و style با هم.
در حال بارگذاری ابزار...
نحوه استفاده از Vue Formatter
کد خود را بچسبانید. موتور قالب‌بند بار اول در یک لحظه بارگذاری می‌شود.
در صورت نیاز گزینه‌ها را تنظیم کنید.
نتیجه قالب‌بندی‌شده را کپی کنید.
درباره Vue Formatter
یک کامپوننت تک‌فایلی Vue سه زبان را در یک فایل ترکیب می‌کند. این قالب‌بند هر سه را پردازش می‌کند: template با directiveهایش (v-if، v-for، @click)، بلوک script در JavaScript یا TypeScript و بلوک style در CSS.
کل فایل .vue یا فقط یک بلوک را بچسبانید.
پرسش‌های متداول
آیا از Composition API و script setup پشتیبانی می‌کند؟
بله، بلوک‌های script مانند JavaScript یا TypeScript معمولی قالب‌بندی می‌شوند.
آیا با Vue 2 و Vue 3 کار می‌کند؟
بله، نحو template هر دو پشتیبانی می‌شود.
استایل‌های scoped و SCSS چه؟
بلوک‌های style بر اساس ویژگی lang خود قالب‌بندی می‌شوند.
چرا اجرای اول یک ثانیه طول کشید؟
موتور قالب‌بندی این زبان بار اول که استفاده می‌کنید دانلود می‌شود، سپس توسط مرورگر شما کش می‌شود. پس از آن قالب‌بندی فوری است و چیزی از دستگاه شما خارج نمی‌شود.