Как сделать отличающиеся шаблоны страниц в Angular или Vue?

Klein Maximus, вы можете условно отображать элементы:

<div>
<element-for-admin-only v-if="showOnlyPathMachedWithAdminPaths"></element-for-admin-only>
<router-view></router-view>
</div>

Как лучше структурировать routes.js (vue-router)?

tridcatij, тут наверное мой косяк, без имени не прокатит:
import * as views from './views'
но тоже не самое красивое решение.

Как лучше структурировать routes.js (vue-router)?

А если теперь вот так в роутере:
import * from './views'

Как лучше структурировать routes.js (vue-router)?

tridcatij, хм.. может я что-то упускаю из виду. Попробуйте вот так еще:

// views/index.js
import Login from './Login.vue'
import NotFound from './404.vue'

export default {Login, NotFound}

// routes.js
import Vue from 'vue';
import Router from 'vue-router';

import {Login, NotFound} from './views'

Как лучше структурировать routes.js (vue-router)?

tridcatij, индекс куда поместили? В папку views? Если у вас компоненты лежат непосредственно в views, то по идее: import Login from './Login.vue'

VueJs как подключить свои скрипт?

Дилик Пулатов,
1. Не совсем ясно почему через тэг не получается и как jquery этому мешает.
2. Устанавливаете npm пакет: npm i your-package, далее в нужном компоненте import package from 'yor-packege'
3. погуглите provideplugins у webpack, подключение примерно так происходит:

plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
]

Это в конфиге вэбпака нужно прописать.

Где именно лежит граница между компонентами (модулями) и самим приложением?

zakharkang: ок) да, это существенно при проектировании. Вы можете в структуре самого проекта делать такое разделение. Т.е. выносить инкапсулированные компоненты в какую-то отдельную папку и отдельно располагать компоненты(можно их видами называть), которые используют эти компоненты и взаимодействуют с vuex.

Где именно лежит граница между компонентами (модулями) и самим приложением?

zakharkang: думаю так:
1. страница загружается, filercomponent делает dispatch в vuex на получение данных, vuex берет данные из localstorage, обновляет свой стейт, при этом filtercomponent реактивно получает данные из стейта.
2. при изменения состояния компонент делает dispatch c новыми данными, vuex эти данные обрабатывает, сохраняет localstorage или что-то еще.
3. При нажатии на кнопку - диспатч экшена, который обратиться к сервису, отвечающему за получение даннных от бэкенда и обновит стейт из которого results component реактивно получит данные.

Еще стоит отметить, что не нужно все данные передавать в vuex - например, если это какое-то локальное состояние компонента, которым кроме него никто не пользуется.

Как в модальное окно вставлять нужный компонент во Vue?

Николай Семенов: Можно вот с такого начать:

<template> // modal template
<div v-if="isActive">
<slot></slot>
</div>
</template>

<script>
export default {
data: {
isActive: false
},
methods: {
open() {
 this.isActive = true
},
close() {
 this.isActive = false
}
}
</script>

Как правильно кастомизировать компонент из Element UI?

Ну вы же пользуетесь уже готовыми компонентами, считайте, что данный файл создаёт вашу кастомную тему для них. Вы же не будете делать обертку для каждого компонента библиотеки, чтобы только переопределить стили.

Как в модальное окно вставлять нужный компонент во Vue?

ну да или если это внутри v-for происходит, то в итого получится массив ссылок.

Как в модальное окно вставлять нужный компонент во Vue?

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

Как в модальное окно вставлять нужный компонент во Vue?

Я чет не соображу что откуда у вас вызывается, но по идее у вас что-то такое должно быть:

<modal :show="show" @close="show=false">
  <custom-input></custom-input>
</modal>
<button @click="show=true">

Или

<modal ref="myModal">
  <custom-input></custom-input>
</modal>
<button @click="$refs.myModal.open()">

Как в модальное окно вставлять нужный компонент во Vue?

Николай Семенов: ну надо полечить это имхо, а не пилить костыль)

Как сделать анимацию при переходе во vue?

WebDev: по сути это у вас слайдер получается. Я бы взял готовое решение. Вот велосипед на транзишенах: https://www.webpackbin.com/bins/-KsIFDW4tTskcG_NoRBl
Но правильнее имхо как обычно слайдер делают: врапер, скрывающий все кроме текущего слайда, в нем слой с последовательно расположенными страницами, при клике на кнопки перемещаем слой на нужный слайд.

Как сделать анимацию при переходе во vue?

WebDev: https://www.webpackbin.com/bins/-KsFksybfo1FXpqePfmo

Как сделать анимацию при переходе во vue?

WebDev: наврал я кажется) Тут вроде стандартный transition подойдет, просто вашим элементам нужно абсолютное позиционирование задать.

Возможно ли соединить массив с объектом? Что для этого сделать?

Николай Семенов: где-то значит читаете из нуля. Можно условие проверки на null добавить когда label читается. Ну или осознать для начала откуда там null берется и как-то избежать этого)

Возможно ли соединить массив с объектом? Что для этого сделать?

А что за ошибка?

Возможно ли соединить массив с объектом? Что для этого сделать?

Николай Семенов: Вообще ваш вариант вроде должен работать.. Присваивайте authUser = {} по дефолту.