Вопрос Vue объединение двух элементов в один

[745164nk]

Подскажите, можно ли эти два элемента объединить в один?

var app = new Vue({
     el: '#1',
     data: {
         1: "Вывод текста",
         2: "Вывод текста",
     },
   });

var app = new Vue({
     el: '#2',
     data: {
        1: "Вывод текста",
         2: "Вывод текста",
     },
   });

Что то по типу такого:

0: {
                 1: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
                 2: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
},

Заранее спасибо.

 

[fudo]

Подскажите, можно ли эти два элемента объединить в один?

var app = new Vue({
     el: '#1',
     data: {
         1: "Вывод текста",
         2: "Вывод текста",
     },
   });

var app = new Vue({
     el: '#2',
     data: {
        1: "Вывод текста",
         2: "Вывод текста",
     },
   });

Что то по типу такого:

0: {
                 1: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
                 2: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
},

Заранее спасибо.

data() {
        return {
          
            obj1: {
                variable1: 'text',
                variable2: 'text',
            },
            obj2: {
                variable1: 'text',
                variable2: 'text',
            }
        }
    },

думаю вот так

 

[Randomchik]

data() {
        return {
          
            obj1: {
                variable1: 'text',
                variable2: 'text',
            },
            obj2: {
                variable1: 'text',
                variable2: 'text',
            }
        }
    },

думаю вот так

Это ты вернул 2 объекта, но никак не 2 разных Vue component. Не уверен что так можно сделать, вью компонент привязывается к определенному блоку, что бы к 2 сразу - такое не видал. Зачем тебе вообще понадобилось 2 блока засунуть в один компонент? Если же тебе нужны одинаковые методы и что бы не даблкодить ты хочешь в одну все запихать, то можешь почитать что такое примеси в Vue.

 

[X-Clusiv]

Подскажите, можно ли эти два элемента объединить в один?

var app = new Vue({
     el: '#1',
     data: {
         1: "Вывод текста",
         2: "Вывод текста",
     },
   });

var app = new Vue({
     el: '#2',
     data: {
        1: "Вывод текста",
         2: "Вывод текста",
     },
   });

Что то по типу такого:

0: {
                 1: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
                 2: {
                     1: "Вывод текста",
                     2: "Вывод текста",
                 },
},

Заранее спасибо.

А цель данных манипуляций?

 

[akudinov28]

А цель данных манипуляций?

Тот же вопрос к автору. Вижу два разных экземпляра vue, которые цепляются к двум разным элементам. Если элементы связаны, то почему бы не создать один общий контейнер для двух этих элементов, и уже на нём создавать экземпляр vue? Тогда и data будет у них общий, и создавать элементы можно будет динамически в цикле.

 

[745164nk]

Не обязательно два экземпляра
Можно и один. Нужно сделать что то такое:

var app = new Vue({
    el: '#app',
    data: {
        
          group1: {
            tittle: 'text',
            tittle2: 'text2',
          },
          group2: {
            tittle3: 'text3',
            tittle4: 'text4',
          },
  },
  });

То есть нужно сделать группу внетри которой уже будут разные тексты. Например:
Группа auth
Внутри неё тексты которые выводятся в группу auth
Если через два компонента делать то всё работает. Но нужно сделать в один.

 

[Randomchik]

Ты ради этого делал 2 компонента?) Если ты пытаешься достать данные из вне дива к которому ты прикрепил вью экземпляр, то логично почему оно не работает. Что бы вывести этот текст в вью {{ group2.tittle3 }}. То есть если бы у тебя было все в одной вёрстке, вход, регистрация, выбор спавна и т.д. ты бы на каждую новый экземпляр создавал?) Так же не обязательно писать tittle3 tittle4, можно сделать первый объект с ключами tittle, tittle2 и второй объект можно сделать с такими же ключами

 

[X-Clusiv]

НепАнятнА

 

[745164nk]

Ты ради этого делал 2 компонента?) Если ты пытаешься достать данные из вне дива к которому ты прикрепил вью экземпляр, то логично почему оно не работает. Что бы вывести этот текст в вью {{ group2.tittle3 }}. То есть если бы у тебя было все в одной вёрстке, вход, регистрация, выбор спавна и т.д. ты бы на каждую новый экземпляр создавал?)

Скорей всего. Я в vue только начал разбираться. Но спасибо очень помог, как всегда)