Vuex Vue如何打印子组件而不在父组件上进行渲染

// main.js
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    print: ''
  },
  mutations: {
    setPrint(state, payload) {
      state.print = payload
    }
  },
  actions: {
    updatePrint({ commit }, payload) {
      commit('setPrint', payload)
    }
  }
})

new Vue({
  store,
  render: h => h(App)
}).$mount('#app')

// ChildComponent.vue
<template>
  <div>
    <button @click="printContent">打印内容</button>
    <p>{{ print }}</p>
  </div>
</template>

<script>
export default {
  computed: {
    print() {
      return this.$store.state.print
    }
  },
  methods: {
    printContent() {
      this.$store.dispatch('updatePrint', '需要打印的内容')
    }
  }
}
</script>