vue 跨组件进行传值简易方法

vue的小项目，对于多组件之间的状态管理，不使用Vuex，可以使用provide/inject完成数据管理。

父组件使用provide 封装数据

<template><div>....<Books></Books></div></template><script>import Booksfrom"./Books.vue";exportdefault{data(){return{
      Info:{
        theme:"aaaa",},};},provide(){return{
      theme:this.Info,};},
  components:{
    Books,},};</script>

任意层级的子组件使用inject来引用数据

<template><h3>{{ theme.theme}}</h3></template><script>exportdefault{
  inject:["theme"],};</script><style></style>