我试图声明getTemp变量全局，以便我可以在其他函数中使用它。 VUE.JS

Question

我试图将getTemp变量声明为全局，以便我可以在其他函数中使用它。 VUE.JS

var weather = new Vue({
    el: '#weather',

    data: {
        getTemp: []
    },

    created: function () {
        this.fetchData();
    },        

    methods: {
        fetchData: function () {
            this.$http.get('https://vt')
                      .then(response => {
                         this.getTemp = response.data;

                      })
        }
    },
})
;

Answer 1

根据data

在整个应用中都可以访问根实例this.$root.variableName属性

＆＃13;

＆＃13;

new Vue({
  el: '#app',
  data: {
    getTemp: 'Hello World!'
  },
  components: {
    'child1': {
      template: `<div><p>child1, getTemp: {{ $root.getTemp }}</p>
      	<subchild></subchild>
      </div>`,
      components: {
        'subchild': {
          template: `<span>Subchild test: {{ $root.getTemp }}</span>`
        }
      }
    },
    'child2': {
      template: `<p>child2, getTemp: {{ $root.getTemp }}</p>`
    }
  }
});

＆＃13;

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

<div id="app">
  <child1></child1>
  <child2></child2>
</div>

＆＃13;

＆＃13;

＆＃13;