在vue之外运行,将数据传递到vue

Question

我有一个在vue组件之外运行的函数.我希望它返回的数据传递给vue组件中的数据.

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

      example();

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

Answer 1

将函数分配给a const并在其中一个组件生命周期钩子中调用它:

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

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

Answer 2

参见工作演示：

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


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

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>

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