今日总结vue 子元素触发父元素事件 transition过度事件 axios安装

<forgetMessage v-if="control.logoState == 2" @my-event="regression" ></forgetMessage> 
//父元素
methods 方法里
regression (msg){   // 此事件用来触发返回的
    this.$set(this.control,"logoState", 1); 
}
      goBack(formName) {
        this.$emit('my-event');
      }
//子元素用emit触发 @my-event事件

vue 过度事件是要用 transition来触发的

<transition name="slide-fade">
        <register v-show="control.logoState == 3" @my-event="regression"></register>
</transition>

import axios from 'axios'    //安装axios
Vue.prototype.$http = axios  //使用axios
//在main.js中使用

    that.$http.put(url+"/api/role", JSON.stringify({ Id: id, Name: "测试角色2"}), {headers: {"Content-Type": "application/json; charset=utf-8"}}).then( r => {  
               console.log("vue更新成功");  
               console.log(r.data);
              if (callback != null) {
                callback();
              }
           })
    .catch(err => {
            console.log(err)
        });
    };
//简单的接口示例

cnpm axios --save