1.vue 元件引用：

import  名字 form "路徑"

export default{

 name:"",

  components:{

 元件名字

}，

props:[],

data(){

return {

}

},

methods:{

 事件

}，

created:{

}

}

2.vue 元件通訊

1）父子元件通訊

 v-bind: 綁值

 子元件：props 接受值

2）子元件向父元件傳值（通過事件傳值）

子元件：$emit('事件名'，值)

父元件： @事件名接受

eg ：

<upload @fileStatus="fileStatus"  @fileTrue="fileTrue
 
" :success="success"></upload>

//附件
fileStatus(data) {
    this.ruleForm.attach = data;
},
fileTrue(data){
    this.success = data;
},

3.vue簡單的事件監聽

 getParams(){
              let routerParams = this.$route.params.id;
this.ruleForm.manage_id = routerParams;
},
watch
 
:{
              '$route':'getParams'
}
},
activated (){
          this.getParams();
this.worderList();
}

activated的使用目的是防止快取。

4.vue路由跳轉

1）.this.$router.push({name:"路由的名字",params:{id:this.id}})

params: 適用於普通的跳轉

2）.this.$router.push({name:路由名字;},query:{id:this.id,manage_id:this.manage_d})

 query:  適用於get請求的拼接路徑

 3）.

<router-link :to="{ name: 'clientList',params:{time:this.time}}" class="Modular">

</router-link>

完 ！！