Evgeny Kulakov

window.scrollTo(0,0)
или для элемента: this.$el.querySelector('some-selector').scrollIntoView()

Может так подойдет:
<div v-for="i in 40" v-if="i>=30">{{i}}</div>

Надо темплейт компонента вынести отдельно в тег script:

<script type="text/x-template" id="chatTemplate">
                <section class="chat">
                    <div class="chat__messages">
                        <ul>
                            <li v-for="msg in messages"></li>
                        </ul>
                    </div>
                </section>
</script>

Можете вот эту либу подключить: https://github.com/matthewhudson/device.js
При запуске посмотреть через нее какое у вас устройство и в зависимости от этого использовать fullpage или нет.

Добавьте поля для сохранения состояния чекбоксов: https://jsfiddle.net/wg62c7gk/

В шаблон компонента Post у вас должен быть вложен <router-view> в который передаются чилдрэны.

На основе роутов вполне можно работать имхо.
Т.е. у вас есть шаблон, который имеет вид:

<div>
<common-element></common-element>
<router-view></router-view>
</div>

Соответственно все вложенные пути будут отрисовываться внутри родителя и только они будут перерисовываться.
Плюс вы можете даже в этом шаблоне мониторить текущий путь и показывать либо скрывать какие-то общие элементы или элементы, которые нужно отобразить только для конкретного маршрута или по какому-либо условию.

Как вариант сделать файл index.js в папке views, туда импортировать все компоненты, и далее в файле роутера сделать: import './views'. По желанию файл роутера тоже можно разбить на части и импортировать из разных файлов.

Основные способы:
1. Включение через тэг скрипт непосредственно на страницу
2. Установка через npm и далее подключение через import
3. Включение в конфигурацию вебпака

Вот такое описание есть по работе с массивами: https://ru.vuejs.org/v2/guide/list.html#Отслеживан...
Должен помочь метод Vue.set

placeholder="{{ warning }}" -> :placeholder="warning"