прототипно или обобщенное какое-нибудь, не?

Я точно засейвил, даже линк поменялся. Я тогда хз

гайс, помогите идиоту в vs code подсветку синтаксиса починить на .vue файлах

вкл/выкл плагин и вперёд

конфиг знаешь как открыть?

я сделал более конкретный пример. Пытаюсь сделать чтобы работало вот так: https://playcode.io/53407?tabs=console&app.html&script.js&output Но router был вложенным как в первом примере (т.е. child был вложен в парента в роутере в свойство children)

и что не работает?

а... а почему так нельзя оставить?

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

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

https://jsfiddle.net/ku6eo56s/2/

NOT BAD, это работает, но меня немного смущает необходимость иметь вот такого чилда { path: '/', component: Parent },

например, у нас есть лента новостей /news, и есть конкретная статья /news/1234. Статья должна открыватся вместо ленты, а не внутри ее вьюшки

https://router.vuejs.org/en/essentials/named-views.html#nested-named-views мб это направит)

Парни, есть интересная задача - отображать версию приложения/билда. Можно как-то это автоматизировать с webpack'ом? Куда писать версию, как автоматом инкрементить билд? Как на vue это цеплять и выводить внутри компонента? Есть готовые решения? Гуглил, но видимо не правильно.

а версия где хранится

тогда так можно // webpack.config.js plugins: [ new webpack.DefinePlugin({ VERSION: JSON.stringify(require("package.json").version) }) ] // any-module.js console.log("Version: " + VERSION);

откуда автоинкримент поймет что у вас мажор меняется

Ручками править) чтобы по семверу

тогда так можно // webpack.config.js plugins: [ new webpack.DefinePlugin({ VERSION: JSON.stringify(require("package.json").version) }) ] // any-module.js console.log("Version: " + VERSION);

Ребят, помогите разобраться с комьютед методами, не могу понять вот есть код, отрабатывает если я только тыкаю на компоненту в vue dev tools <template> <div class="container"> {{this.randomBird.name}} </div> </template> <script> import axios from 'axios'; export default { data() { return { allBirds: {}, randomBird: {} } }, created() { axios.get(`http://server3.lpm.org.ru/birds/birds.json`).then(res => { this.allBirds = res.data; }) }, computed: { getRandomBird() { this.randomBird = this.allBirds.birds[Math.floor(Math.random() * this.allBirds.birds.length)]; } }, } </script>

окей, но вызывается по прежнему по клику

Ребят, помогите разобраться с комьютед методами, не могу понять вот есть код, отрабатывает если я только тыкаю на компоненту в vue dev tools <template> <div class="container"> {{this.randomBird.name}} </div> </template> <script> import axios from 'axios'; export default { data() { return { allBirds: {}, randomBird: {} } }, created() { axios.get(`http://server3.lpm.org.ru/birds/birds.json`).then(res => { this.allBirds = res.data; }) }, computed: { getRandomBird() { this.randomBird = this.allBirds.birds[Math.floor(Math.random() * this.allBirds.birds.length)]; } }, } </script>

а если перенести getRandomBird в методы и вызывать getRandomBird() то всё ок

так и должно быть

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

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

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

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

ребят, как лучше то сделать

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

Ребят, помогите разобраться с комьютед методами, не могу понять вот есть код, отрабатывает если я только тыкаю на компоненту в vue dev tools <template> <div class="container"> {{this.randomBird.name}} </div> </template> <script> import axios from 'axios'; export default { data() { return { allBirds: {}, randomBird: {} } }, created() { axios.get(`http://server3.lpm.org.ru/birds/birds.json`).then(res => { this.allBirds = res.data; }) }, computed: { getRandomBird() { this.randomBird = this.allBirds.birds[Math.floor(Math.random() * this.allBirds.birds.length)]; } }, } </script>

По-хорошему, computed вообще pure должен быть.

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

ребят, как лучше то сделать

а что надо-то?

ребят, как лучше то сделать

есть массив объектов, нужно отрендерить случайный из них

есть массив объектов, нужно отрендерить случайный из них

<template> <div class="container"> {{getRandomBird.name}} </div> </template> computed: { getRandomBird() { return this.allBirds.birds[Math.floor(Math.random() * this.allBirds.birds.length)]; } },

не уверен, что ему такое надо будет