如下 已知在script里面想要调用store的数据需要加上 this.$store所以在html中调用的时候我也带上了、

<el-tabs type="card" editable v-model="htis.$store.state.tabIndex">
            <!-- 初始化默认标签页 -->
            <el-tab-pane v-for="item in tabsData" :label="item.title" :name="item.name">
                <components :is=" item.component">
                </components>
            </el-tab-pane>
        </el-tabs>

然后就遇到了报错 如下 大概意思就是说 读取不到$store的数据 好吧 懵逼了

TypeError: Cannot read properties of null (reading '$store')
Error in v-on handler: "TypeError: Cannot read properties of null (reading '$store')"

最后在群友的回复下得知
html中不要带this、只有在JavaScript里面才需要带 因为在JavaScript里面存在this指向但是html中没有

<el-tabs type="card" editable v-model="$store.state.tabIndex">
            <!-- 初始化默认标签页 -->
            <el-tab-pane v-for="item in tabsData" :label="item.title" :name="item.name">
                <components :is=" item.component">
                </components>
            </el-tab-pane>
        </el-tabs>