new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Vue · all subjects

sfc

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Single-File Component definition

Single-File Component (SFC) refers to the .vue file format that is commonly used for Vue components.

Element selectors with scoped styles are slow

Element selectors should be avoided with scoped styles. When using scoped styles, Vue adds a unique attribute to component elements (like data-v-f3f3eg9). Large numbers of element-attribute selectors (like button[data-v-f3f3eg9]) are considerably slower than class-attribute selectors (like .btn-close[data-v-f3f3eg9]). Class selectors should be preferred whenever possible in scoped styles.

Element selectors with scoped: bad example

Do not use element selectors in scoped styles. Bad example: ```vue <template> <button>×</button> </template> <style scoped> button { background-color: red; } </style> ```

Element selectors with scoped: good example

Use class selectors instead of element selectors in scoped styles. Good example: ```vue <template> <button class="btn btn-close">×</button> </template> <style scoped> .btn-close { background-color: red; } </style> ```

Give your agent this brain