說明:在唯一 div里取值可以不需要加 this , 在 vm 里取值需要加 this
1.路由傳值:
傳值:this.$router.push({ path: '/a', query: { id:1, age:18 } }) //如點擊時觸發
接收:this.$route.query.id || this.$route.query.age
2.父組件找子組件拿值及其方法:
父:
import b1 from './b.vue'
components:{b1}
<b1 ref="b11"></b1>
拿值:this.$refs.b11.b1 // 如果直接取值失敗,在 mounted(){} 里先賦值即可解決
拿方法:this.$refs.b11.b1()
3.子組件找父組件拿值及其方法:
父:
import b1 from './b.vue'
components:{b1}
<b1 :a="a" @a2="a2"></b1> // "a": 父的值, "a2": 父的方法(可加形參)
子:
拿值:props:[ ' a ' ] //{{a}}
拿方法:created(){ this.$emit( ' a2 ', 實參1,實參2,......) }
4.全局方法:
創建js文件(導出時,如果直接把整個方法都寫在 export default 內部,方法不要帶function,變量不要 var ):

全局引入並注冊:
任意組件內使用(全局里的變量可以修改,但頁面刷新之后值會恢復。本頁面重新賦值不會,路由跳轉不會,如以下代碼跳轉到b組件,全局變量在b組件是200):
5.兄弟組件傳值:
全局添加空vue為橋梁(也可新建一個js文件,不全局添加,這樣需要用的兄弟組件導入即可且使用不用加 this)
兄弟1傳值:
兄弟2接收: