Changing an external data variable vuejs

Question

Using vuejs. Is it possible to change the value some data variable from an external file? For example

file1.js

export default{
   data: function(){
      somevar: false
        }
      }

file2.js

import otherfile from "./file1.js"
otherfile.data().somevar = true

This didn't work. The somevar value wasn't changed in file2.js . How can I change the value in file2.js and if not possible what is the correct way to do this?

share live demo which not works for you ?

Niklesh Raut
– Niklesh Raut

2017-11-29 13:02:28 +00:00
Commented Nov 29, 2017 at 13:02 — Niklesh Raut
– Niklesh Raut, Commented Nov 29, 2017 at 13:02
You probably needed a prop rather than data.

wxsm
– wxsm

2017-11-30 11:06:29 +00:00
Commented Nov 30, 2017 at 11:06 — wxsm
– wxsm, Commented Nov 30, 2017 at 11:06

LShapz · Accepted Answer · 2017-11-29 16:40:07Z

1

it would likely be easier to set up file1.js so that somevar is a computed property that relies on the import of file2.

Using vuejs. Is it possible to change the value some data variable from an external file? For example

file1.js

import importedVar from './file2.js'

export default{
   computed: {
      somevar: function() {
          if (importedVar) {
            return importedVar
          } else {
            return false
          }
        } 
      }

file2.js

export default true

answered Nov 29, 2017 at 16:40

LShapz

1,76613 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Louis Vetter Over a year ago

will somevar change when importedVar is changed?

LShapz Over a year ago

yes, it should

Collectives™ on Stack Overflow

Changing an external data variable vuejs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related