vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

import Vue from 'vue'
import Vuex from 'vuex'

export default new Vuex.Store({
 state: {
 searchKey: '' //存库词条的变量
 },
 mutations: { //修改数据仓库的事件
 changeSearchKey(state,value){
 state.searchKey = value
 }
 },
 actions: { //推荐使用的异步修改数据仓库
 setSearchKey(context,value){ 
 context.commit('changeSearchKey',value)
 }
 }
})

goSearch: function(){
 if(this.value){
 this.$store.dispatch('setSearchKey',this.value) //当输入词条时，将词条更新到数据仓库
 }
 },

computed: { 监听词条
 getSearchKey(){
 return this.$store.state.searchKey
 }
 },
 watch: {
 getSearchKey: {
 handler(newValue,oldValue){ //当词条改变时执行事件
 this.recordis(newValue)
 // console.log('new',newValue)
 // console.log('old',oldValue)
 }
 }

 },