ℝei
Нет я хочу конфиги найти вебпака 😆
Nikita
их теперь надо расширять
Nikita
в vue.config вроде бы
ℝei
это я понял. я дефолтные ищу пока
Nikita
да, серьезная глубина
Nikita
в последнее время часто вижу эту тему с packages
Nikita
как они это делают?
ℝei
https://github.com/vuejs/vue-cli/blob/next/packages/%40vue/cli-plugin-typescript/lib/tslint.js
Nikita
а, они юзают lerna
ℝei
неудивительно
ℝei
и конфиги походу не просто module.export
а вот такие файлики..
ℝei
ℝei
а лол не туда смотрел
ℝei
https://github.com/vuejs/vue-cli/blob/next/packages/%40vue/cli-plugin-typescript/index.js
ℝei
вот
heavycharged
Всем привет, друзья, подскажите почему получаю ошибку: Unknown custom element: <router-view> - did you register the component correctly?. Вроде и router: VueRouter сделал, и Vue.use(VueRouter)
ℝei
В доке есть про это
heavycharged
В доке есть про это
в доке к Vue-router вижу только пункт 0 про CLI, это мой случай, но я уже в принципе так и сделал Vue.use(VueRouter)
ℝei
не так роутер подключается
heavycharged
я брал вот отсюда, тут не правильно что-ли указано?
ℝei
Я имел ввиду, потом добавил его в new Vue?
heavycharged
ну да. вот так
new Vue({
render: h => h(App),
router: VueRouter
}).$mount('#app')
heavycharged
или не правильно?
ℝei
не надо VueRouter
ℝei
просто router
Nikita
Ты должен импортнуть вуе роутер, из него сделать новый инстанс, а этот инстанс кинуть в вуе
Nikita
Как вуе по твоему узнает, какие ты роуты сделал
ℝei
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
component: comp
},
{
path: '*',
redirect: '/'
}
]
})
heavycharged
просто router
просто router это что у нас? я вот сейчас как делаю, создал файлик Router.vue, в нем что-то вроде этого:
<script>
import Seo from "./Seo.vue"
import HelloWorld from "./HelloWorld.vue"
import VueRouter from 'vue-router'
export default new VueRouter({
routes: [
{ path: "/", component: HelloWorld },
{ path: "/seo/", component: Seo }
]
})
</script>
затем в main.js делаю import VueRouter from "./components/Router.vue" и потом передаю этот инстанс в экземлпяр Vue
ℝei
ну не должен он быть .vue файлом))
ℝei
это js
heavycharged
кажется я понял
heavycharged
сейчас попробую
heavycharged
спасибо за помощь
ℝei
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
component: comp
},
{
path: '*',
redirect: '/'
}
]
})
вот так делай а потом импортируй это как router и добавляй в new Vue({})
heavycharged
Вроде получилось, а если мне нужно шапку красивую отрисовать, как это можно сделать, вернее как это правильнее делается? Создается компонент? И там перечисляем <router-link>?
heavycharged
а файл с роутами просто сам по себе JS файл?
heavycharged
или можно это дело как-то рядом сложить в одном файле?
heavycharged
хочу написать админку небольшую попробовать на Vue, так как бекенд уже написал на Go. Вроде все круто, и роутер тебе, форму забиндил и погнал, JSON туда сюда гонять можно, снимает кучу головняка с серверным рендерингом на Go, но появляется куча головняка с вебпаками и прочим..
heavycharged
по ощущениям 100 лет уйдет пока выучу все это
ℝei
вебпак да. поначалу сложная тема
ℝei
но настраивается все 1 раз. а потом норм
ℝei
а с vue cli можно и не настраивать в принципе..
heavycharged
да если бы проблема была только в вебпаке) я экму знаю на уровне document.getElementByID, все эти импорты/экспорты и модули нужно учить, ООП прототипную модель примерно знаю, но когда-то давно почитывал. короче пропасть. но надо, что поделать. с чего лучше начать? с learn.javascript.ru?
ℝei
можно и там и на mdn еще читать про определенные вещи
heavycharged
окей. буду учить, спасибо
ℝei
окей. буду учить, спасибо
https://www.youtube.com/watch?v=0LlnVmMFNmQ
вот тут 5 бесплатных уроков по vue, достаточно неплохая информация для нубов)
heavycharged
после learn.javascript гляну, а то слишком много вопросов
Павел
доброе утро, кто подскажет как в компоненте мониторить вызов мутации?
Павел
при каждом коммите выполнять функцию в компоненте
Павел
это как?
Денис
https://vuejs.org/v2/api/#vm-on
Денис
подскажешь как это?
ну кароче есть родитель всех компонент ээто $root , он типа в глобальной видимости,и через его контекст можно сделать подписку $on ,а в сторе вызывать $emit ивент
Павел
vm.$on в компонент засунуть? а vm.$emit в мутацию?
Павел
Денис
vm.$on в компонент засунуть? а vm.$emit в мутацию?
this.$root.$on('commtEvent', func.. ) в компоненте,а this.$root.$emit('commtEvent') в мутации
Павел
this.$root.$on('commtEvent', func.. ) в компоненте,а this.$root.$emit('commtEvent') в мутации
mounted () {this.$root.$on('commtEvent', func.. )} вот так норм?
Денис
mounted () {this.$root.$on('commtEvent', func.. )} вот так норм?
только вместо func.. свой колбэк напиши
Павел
ну это понятно)))
Денис
ну это понятно)))
но я не на 100% уверене что работает так) просто в сторе может нету доступа к root
zinge 🐌
Использовать контент $parent или $root, плохая идея.
Павел
но я не на 100% уверене что работает так) просто в сторе может нету доступа к root
ну, все равно, ты же откликнулся
zinge 🐌
Общая шина, или vuex.
zinge 🐌
В доке есть примеры.
Денис
носом ткнешь меня?
видимо это https://ru.vuejs.org/v2/guide/components.html#%D0%9A%D0%BE%D0%BC%D0%BC%D1%83%D0%BD%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D1%8F-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0%D0%BC%D0%B8-%D0%BD%D0%B5-%D1%81%D0%B2%D1%8F%D0%B7%D0%B0%D0%BD%D0%BD%D1%8B%D0%BC%D0%B8-%D0%B8%D0%B5%D1%80%D0%B0%D1%80%D1%85%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8
zinge 🐌
https://vuex.vuejs.org/ru/intro.html
Раздел "В каких случаях следует использовать Vuex", там и ссылка на пример с шиной
Денис
https://vuex.vuejs.org/ru/intro.html
subscribe(handler: Function)
Подписывается на мутации хранилища. Обработчик handler вызывается после каждой мутации и получает в качестве параметров дескриптор мутации и состояние после мутации:
Денис
Это?