情況一：router-view 子組件發(fā)生變化導致父組件發(fā)生改變
父組件中：?

<router-view @getMessage="showMsg"></router-view> showMsg (val) { // methods方法 val即為子組件傳過來的值console.log(val) }

子組件中：?

this.$emit('getMessage', “傳給父組件的值”);

情況二：router-view 父組件發(fā)生變化導致子組件發(fā)生改變

父組件中：

<router-view :searchVal="searchVal"></router-view> searchVal: '', // data里面申明 this.searchVal = ‘需要傳給子組件的值’; // 在需要傳值的方法中處理

子組件中：

props: ['searchVal'],watch: {searchVal: function (val) { console.log(val); // 接收父組件的值}},

?

總結

以上是生活随笔為你收集整理的使用router-view时组件之间的通信的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。