vueプロジェクトの開発で出会ったいくつかの問題

2522 ワード

1、elmentまたはmintUIライブラリを使用する場合、全体的にuickのcssファイルを導入する必要があります.その後、自分のスタイルを変更する際には、自分のcssファイルをmain.jsに導入しないと有効になりません.全体参照2、v-htmlを使ってdom文字列を展示する場合、対応するcssファイルのスタイルは有効になりません.コンポーネントを使ってdomを展示する必要があります.
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