function outside vue, passing data into vue

Question

I have a function that runs outside of a vue component. I want the data it returns passed to the data in the vue component.

    <script>
      function example(){
        var item = 'item';
      };

      example();

      export default {
        data(){
          return (this is where I want item represented)
        }
      }

Saurabh Mistry · Accepted Answer · 2018-02-15 10:04:44Z

11

See Working Demo :

var app = new Vue({
  el: '#app',
  data: {
    item: "Hi"
  }
});


function example(){
      app.item='Hello How R You ?';
};

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

<div id="app">
<button onclick="example()" >Click ME</button>
  {{ item }}
</div>

answered Feb 15, 2018 at 10:04

Saurabh Mistry

13.8k5 gold badges60 silver badges78 bronze badges

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

1 Comment

Malekai Over a year ago

Why this isn't the accepted answer? It's the simplest and easiest method.

user320487 · Accepted Answer · 2018-02-15 10:04:16Z

10

Assign the function to a const and call it within one of the component lifecycle hooks:

const example = function (){
    return 'item';
};

export default {
    created () {
        this.item = example()
    },
    data(){
      return {
         item: null
      }
    }
  }

answered Feb 15, 2018 at 10:04

user320487

Collectives™ on Stack Overflow

function outside vue, passing data into vue

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related