TIP

This is a tip

WARNING

This is a warning

DANGER

This is a dangerous warning

STOP

Danger zone, do not proceed

js

export default {
  name: 'MyComponent',
  // ...
}

html

<ul>
  <li
    v-for="todo in todos"
    :key="todo.id"
  >
    {{ todo.text }}
  </li>
</ul>

js

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}