vueプロジェクトの開発で出会ったいくつかの問題
2522 ワード
1、elmentまたはmintUIライブラリを使用する場合、全体的にuickのcssファイルを導入する必要があります.その後、自分のスタイルを変更する際には、自分のcssファイルをmain.jsに導入しないと有効になりません.全体参照2、v-htmlを使ってdom文字列を展示する場合、対応するcssファイルのスタイルは有効になりません.コンポーネントを使ってdomを展示する必要があります.
3、axiosはQsのnodeモジュールが必要です.そして要求されるデータフォーマットはフォーム形式です.headerのConteen-Typeフォーマットを設定する必要があります.
method:'post'は、
url:prefix+url
data:qs.strigify(data)
タイムアウト:30000、
headers:{
//X-requested-With':'XMLHttpRequest'
'Content-Type':'appication/x-wn-form-urlencoded;charset=UTF-8'
)
}
6、axios要求は非同期であり、そのthenの後で操作しないとデータが取れなくなり、この時axiosが戻ってきたPromiseオブジェクトを保存してPromiseのthen方法で非同期操作をすることができます.
7、イベントバスの送信値を使用する場合、$emitと$onの方法は前後の順序があります.必ず$onイベントの傍受のバインディングは$emitイベントの送信前に確立しなければなりません.そうでなければ、イベントを傍受することができますが、転送の値も失われます.注意してください.
転載先:https://www.cnblogs.com/gopark/p/11187747.html
3、axiosはQsのnodeモジュールが必要です.そして要求されるデータフォーマットはフォーム形式です.headerのConteen-Typeフォーマットを設定する必要があります.
import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
Vue.prototype.$axios = axios // , :this.$axios
Vue.prototype.qs = qs // , :this.qs, data
axios({}method:'post'は、
url:prefix+url
data:qs.strigify(data)
タイムアウト:30000、
headers:{
//X-requested-With':'XMLHttpRequest'
'Content-Type':'appication/x-wn-form-urlencoded;charset=UTF-8'
)
}
4、ウォッチがobjectをモニターする時、深度モニターが必要です.watch: {
firstName: {
handler(newName, oldName) {
this.fullName = newName + ' ' + this.lastName;
},
// wacth firstName handler
immediate: true
}
}
5、propsを書く時は対象に書いてもいいです.中にはデータの種類があります.6、axios要求は非同期であり、そのthenの後で操作しないとデータが取れなくなり、この時axiosが戻ってきたPromiseオブジェクトを保存してPromiseのthen方法で非同期操作をすることができます.
7、イベントバスの送信値を使用する場合、$emitと$onの方法は前後の順序があります.必ず$onイベントの傍受のバインディングは$emitイベントの送信前に確立しなければなりません.そうでなければ、イベントを傍受することができますが、転送の値も失われます.注意してください.
転載先:https://www.cnblogs.com/gopark/p/11187747.html