Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “The v-for directive repeats the <li> item with a <ListItem /> component enclosed.”

A block of code is set as follows:

<style scoped>ul {
  list-style: none;
}
li {
  margin: 0.4rem 0;
}
</style>

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

<ListItem :is-checked='item.checked' v-on:click.prevent="updateItem(item)">{{ item.title }}</ListItem>

Any command-line input or output is written as follows:

npm init vue@latest

Bold: Indicates a new term, an important word, or words that you see on screen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “Click Save to close the foreign key property.”

Tips or important notes

Appear like this.