首頁猿問 Vue的變量以及文件引用結(jié)構(gòu)問題...

Vue的變量以及文件引用結(jié)構(gòu)問題（涉及vue-resource的引用和使用）

JavaScript

蝴蝶刀刀 2018-09-10 15:13:19

1.初學(xué)者，剛開始學(xué)習(xí)Vue和js，求指點：2.用webpack構(gòu)建的Vue項目，入口文件是main.js在main.js文件中import Vue from 'vue'import VueRouter from 'vue-router'import VueResource from 'vue-resource'import App from '. /App.vue'Vue.use(VueRouter) Vue.use(VueResource)比如在某個.vue組件中要用vue-resource，可以用this.$http.get(url).then....那如果在某個js文件中，比如用來獲取數(shù)據(jù)的api的js文件，里面要怎么去用vue-resource，需要在js文件里面重新import VueResource from 'vue-resource'嗎？另外，在main.js中定義的Vue這些全局變量，在其他js文件中用到的話，需要引用或者導(dǎo)入嗎？

查看完整描述

1 回答

冉冉說

TA貢獻(xiàn)1877條經(jīng)驗獲得超1個贊

首先，你需要在main.js把?Vue實例?設(shè)為全局window.vm = new Vue({})，這樣你在其他js文件上就不用引入或者導(dǎo)入了，當(dāng)然你要不嫌麻煩也可以在main.js上?var vm = new Vue({}), export default {vm ... }，然后在用到的JS上import了
另外，vue-resource 在 api.js 文件里，可以用 vm.http.get(url).then();只要在main.js上用了Vue.use(VueResource)，就不需要在api.js上重新導(dǎo)入了