Как не ломать верстку при отрисовке страницы?

ned4ded, да, это верно! значит грузить прелоадер на сервере, а при отображении компонента display:none.
Благодарю за помощь!

Как не ломать верстку при отрисовке страницы?

да, но вот как его правильно сделать?
по сути он же находится внутри компонента, т.е. в любом случае пока компонент не загрузится мы не увидим и прелоадер

Как сделать одновременно несколько запросов в Vue+Axios?

Павел Корнилов,
в данном случае один запрос к стороннему API, второй к своему приложению
можно конечно и это разбить, но хотелось бы их в один компонент поместить

Как сделать одновременно несколько запросов в Vue+Axios?

Спасибо, ваш вариант рабочий!
почему эта конструкция не хочет работать не пойму?

<script>
  export default {
    data: () => ({
      users: null,
      posts: null
    }),
    mounted() {
      axios.all([
        axios.get('/api/users'),
        axios.get('/api/posts')
      ]).then(axios.spread(([
        users,
        posts
      ]) => {
        console.log(users.data, posts.data),
        this.users = users.data,
        this.posts = posts.data
        ///
      }));
    }
  }
</script>

причем, в консоли все ок, видимо где-то в блоке axion.spread ошибка, как записать эти данные в переменные?

Как связать два столбца одной таблицы через один метод Eloquent?

Спасибо за ответ! видимо только так