vue项目开发中遇到的几个问题

1、使用elment或者mintUI库时，需要全局引入ui库的css文件；然后在修改自己样式时，需要将自己的css文件引入到main.js中才会生效，全局引用
2、使用v-html展示dom字符串时，相应的css文件中的样式是不会生效的，需要使用组件展示dom

3、axios使用，是需要一个qs的node模块，然后请求的数据格式是表单格式的，需要设置header的Content-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.stringify(data),

　　　　timeout: 30000,

　　　　headers: {

　　　　　　// 'X-Requested-With': 'XMLHttpRequest',

　　　　　　'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'

　　　　}

　　})

4、watch监听object时，需要进行深度监听，因为vue默认只监听data中的属性一级

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