Vue怎麼和AJAX和其他的方法結合在一起呀?

時間 2021-05-30 20:24:24

1樓:張賤零

直接使用axios吧,現在官方都推薦使用它了,注意解決跨域問題就好了(如果不能再服務端設定的話,就試試withCredentials: true)。另外,非要使用jQuery的話,可以使用npm install jQuery後,在入口main.

js中引入import $ from 'jquery',這可能會與common.js衝突,然後在webpack.config.

js中新增

pluginsnew webpack.optimize.CommonsChunkPlugin('common.js'),

new webpack.ProvidePluginjQuery: "jquery൪jquery"

基本上就能夠使用了。

2樓:RAymonda

這是 vue-resource

3樓:霜刃

做大型專案的時候肯定會配合 vue-router 和 vue-loader 之類

所以實際上乙個vue 元件應該是這樣

....

所以完全可以在 methods 裡面寫乙個方法 getData 然後賦值給 data 裡的某個資料模型

在ready 裡面呼叫 getData 這個方法這樣當這個元件載入時便會自動去getData 了

4樓:

可以將ajax寫在ready中,通過$.set設定data裡面的陣列,不過要處理好this的衝突問題

ready: function () {

var that = this; //將this變數賦值給that,防止於ajax裡面的this衝突

$.ajax({

type: 'get',

url: 'book.json',

dataType: 'json',

success: function (val) {that.$set('books', val);

data: {

books: ''

5樓:Aresn

建議把ajax寫在vue的methods裡varvm

=new

Vue(

},methods:})

}}});vm

.getData();

Vue 和 React 的優點分別是什麼?

深藍 我想很多人和我一樣,先學會了 Vue 或者 React,然後再去學另外乙個,但是突然發現兩者的實現在思維上還是有很大差異的,然後就開始嫌棄另外乙個語言,覺得哪哪不如我先學的這個.我在學習了 Vue 之後再去學習 React 的.發現如果能找到兩者的相似和差異之處,理解起來會更快 React對比...

vue的mixins除了支援單元件混入和全域性混入外是否還支援部分元件混入,該如何實現?

蝶夢 react,vue我都做過這樣的方案,這樣的方案主要是為了解決的問題包括 1.mounted後統一初始化指定邏輯 2.路由引數切換所有指定元件重新初始化 3.元件的初始化執行時機需要按照一定先後順序 4.解除安裝前同意執行指定邏輯 取消定時器 訂閱取消等 react目前方案如下,定義乙個元件父...

vue的前端路由和後端路由會衝突嗎?

既然說到衝突,就是history模式啦。只有清楚自己在做什麼,就不會衝突。畢竟某一級路徑下要麼rewrite,要麼不rewrite。路徑中間要麼補了個index.html,要麼不補。執行時不可能是薛丁格的rewrite,怎麼可能衝突呢! 劉勇 hash帶 history不帶,帶了不好看,不帶會衝突,...