Heim  >  Artikel  >  Web-Frontend  >  Wie vue.js eine Anfrage sendet

Wie vue.js eine Anfrage sendet

coldplay.xixi
coldplay.xixiOriginal
2020-11-10 10:37:466118Durchsuche

Vue.js-Methode zum Senden von Anfragen: 1. Führen Sie jquery ein und verwenden Sie [$.ajax()] 2. Installieren Sie [vue.resource], der Code lautet [this.$http.get('../src/ data/ a.txt')then(function(res)】.

Wie vue.js eine Anfrage sendet

Die Betriebsumgebung dieses Tutorials: Windows10-System, vue2.5.2, dieser Artikel gilt für alle Computermarken.

[Empfehlungen für verwandte Artikel : vue.js

vue.js Methode zum Senden von Anfragen:

1. vue unterstützt Entwickler bei der Einführung von jquery mit $.ajax()

1、首先,在 package.json 中添加 jQuery,然后 npm install
 
"dependencies": {
    "jquery": "^3.2.1",
  },
2、在 webpack.config.js ( 这边用的 vue-cli-simple 脚手架 )
 
 // 增加一个plugins
  plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ],
3、最后,在全局(main.js)中去引用
 
import $ from 'jquery'

2 (nicht mehr aktualisiert nach 2.0 )

1、 npm 安装 vue-resource
 npm install vue-resource<br>
2、 main.js 中引入
import VueResource from &#39;vue-resource&#39;
Vue.use(VueResource)<br>
3、使用
this.$http.get(&#39;../src/data/a.txt&#39;)
    .then(function(res){
          alert(res.data);
    },function(){
          alert(&#39;false&#39;)
});

3, es wird empfohlen, axios zu verwenden

Das obige ist der detaillierte Inhalt vonWie vue.js eine Anfrage sendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist Vue CLI?Nächster Artikel:Was ist Vue CLI?

In Verbindung stehende Artikel

Mehr sehen