Обновление
Для component я предпочитаю ставить теги script перед тегами html. Как идея, которую мы в основном используем для игры с js, я чувствую, что мне не терпится двигаться вниз по странице. В противном случае сделайте макет в соответствии с вашими предпочтениями
Согласно официальному стилю Vue -
Параметры компонента / экземпляра должны быть упорядочены последовательно.
Это порядок по умолчанию, который мы рекомендуем для опций компонента. Они разбиты на категории, поэтому вы будете знать, куда добавлять новые свойства из плагинов.
Побочные эффекты (запускающие эффекты вне компонента)
el
Глобальная осведомленность (требуются знания помимо компонента)
name
parent
Тип компонента (изменяет тип компонента)
functional
Модификаторы шаблонов (изменяет способ компиляции шаблонов)
delimiters
comments
Зависимости шаблона (активы, используемые в шаблоне)
components
directives
filters
Композиция (объединяет свойства в опции)
extends
mixins
Интерфейс (интерфейс к компоненту)
inheritAttrs
model
props/propsData
Местное государство (местные реактивные свойства)
data
computed
События (обратные вызовы, вызванные реактивными событиями)
watch
Lifecycle Events (in the order they are called)
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed
Нереактивные свойства (свойства экземпляра, независимые от системы реактивности)
methods
Рендеринг (декларативное описание вывода компонента)
template/render
renderError
Для более рекомендуемых style-guide из Vue - смотрите здесь руководство по стилю