Vue-FAQ
925 subscribers
563 photos
90 videos
558 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
В SFC можно делать и так.

#sfc
Человек пытается привить реактерам правильное и красивое

React SFC

P.S. Предлагаю зафлешмобить и наставить ему GitHub звёзд

<template>
<div>
<h1>Counter</h1>
<button onClick={() => setCount(count + 1)}>Increment</button>
<p $if={count > 0}>Count: {count}</p>
<p $if={count === 0}>Start counting!</p>
</div>
</template>

<script lang="ts">
import { useState } from 'react';

const [count, setCount] = useState<number>(0);
</script>

<style>
button {
padding: 10px 20px;
font-size: 16px;
}
</style>


#react #sfc
Любители JSX и TS всё стремятся извратить SFC

vue-vine

#jsx #react #sfc
Cursor тут выкатил свои рекомендации, почему Vue SFC файлы должны быть не более 250 строк в диаметре

#cursor #sfc