How to I call 2 variables in Vuejs?

Question

I am using Vuejs.

And I want to call 2 variables.

How should I do?

These are my real codes.

(I want to add a codes that will hide the (x) button in a modal with a class [.close])

I edited my previous post. Sorry 'bout that.

    window.app = new Vue({
    el: '#vuelayoutdiv',
    data: {
        text: null
    },
    methods: {
        submitToSignIn: function () {
            window.location.href = "/{Contoller}/{Index}"
        },
        checkEmail: function (e) {
            if (this.text) {
                return true;
            };
            if (!this.text) {
                this.$bvModal.show('emailmodal');
            }
        }

    }

});


   <b-modal id="emailmodal" hide-footer>
        @*<template v-slot:modal-title>
            Using
            <code>$bvModal</code> Methods
        </template>*@
        <div class="d-block text-center">
            <h3  style="text-align:left">Email required.</h3>
        </div>
        <b-button class="mt-3" block v-on:click="$bvModal.hide('emailmodal')">Close Me</b-button>
    </b-modal>
<b-nav-item class="navbarsigntext signin" v-on:click="submitToSignIn">SIGN IN</b-nav-item>

I want to call variable1 and variable2 inside the function of the third variable. "var variable3 = new Vue({})" — Dam Vinci, Nov 15 '19 at 05:32

score 0 · Answer 1 · edited Jul 15 '22 at 00:58

Use data as a function and return your variables.

Read the syntax in Vue js : - https://v2.vuejs.org/v2/guide/components.html

var variable1 = new Vue({
 el: '#app1',
 data () {
   return {
    text1:"sample"
   }
 },
})

var variable2 = new Vue({
 el: '#app2',
 data () {
   return {
    text2:"sample"
   }
 }
})

<script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script>

<div id="app1">
  {{ text1 }}
</div>

<div id="app2">
  {{ text2 }}
</div>

score 0 · Accepted Answer · answered Nov 15 '19 at 07:14

It's easy to access other Vue instances variables. Although this isn't really common practice, and I'm not really sure what you are trying to do.

Here is an example, where there is thre instances in total, where the third, gets the message variable from object one and two.

var vueObj1 = new Vue({
  data () {
    return {
      message: "vueobj1"
    }
  },
})

var vueObj2 = new Vue({
  data () {
    return {
      message: "vueobj2"
    }
  },
})

var vueObj3 = new Vue({
  el: '#app',
  computed: {
    messageFromOtherInstances () {
      return vueObj1.message + ' ' + vueObj2.message
    }
  }
})

I've a small codepen for you, to play with: https://codepen.io/dasmikko/pen/XWWybdr

I can do it like that ?. tnx. – Dam Vinci Nov 15 '19 at 07:38 — Dam Vinci, Nov 15 '19 at 07:38
Yes, as simple as that. Don't forget to mark as answer. :) – dasmikko Nov 15 '19 at 07:44 — dasmikko, Nov 15 '19 at 07:44

How to I call 2 variables in Vuejs?

2 Answers2