transition-group根据Key值决定是否进行状态变化，当key变化时会触发动画，否则vue会按照最小开销去修改对应的值而不触发过渡

slot-scope只相当于缓存，可以让你在模板中方便的把数据按你需要的方式渲染，这种情况直接根据源数据去计算就好了，写在computed中根据tableData的值对应计算

modules里写的getter要用store.getter['模块名/方法名']调用
或者引入mapGetter同样需要模块名/方法名
另外vuex提供了createNamespacedHelper可以直接创建一个模块内的引用方法

import{createNamespacedHelpers} from vuex;
const {mapGetter} from createNamespacedHelpers('user')

这样的mapGetter引入不需要写模块名

let allRoutesSet = new Set(allRoutes)
let someRoutesSet = new Set(someRoutes)

let difference = Array.from(new Set([...allRoutesSet].filter(x => !someRoutesSet.has(x)))) // 差集,题主要的

let intersect = Array.from(new Set([...allRoutesSet].filter(x => someRoutesSet.has(x)))) // 交集

let union = Array.from(new Set([...allRoutesSet, ...someRoutesSet])); // 并集

这种业务不需要使用keep-alive吧，keep-alive主要是用于保留组件状态或避免重新渲染。列表页有若干条数据，进入编辑页都是需要变化的，更何况新增、编辑是同一个组件，所以完全没有必要使用keep-alive。在编辑的时候传递列表页的row过去进行一下数据绑定就好了。

首先后端肯定是会保存图片或者文件的把，在保存文件的同时直接记录这个路径到img标签或者a标签中 在vue中拿到数据后v-html放进去可以了

要访问DOM的attr属性，需要在this.$refs.btnRight.$el.style中访问，vue推荐的做法是直接在标签上绑定动态属性
:style={height:''}

emmm很不理解这样的结构 第三级的路由完全可以写成组件的形式啊
至于你这里出现的问题，我猜测是路由懒加载的原因，
你可以尝试将A和E文件夹下的子路由直接import引用而不是按需引入

 <template>
 <component :is='stepControl[step]'
            :contactInfo="contactInfo"></component>
</template>
<script>
const a =()=>import('../components/step/a');
const b =()=>import('../components/step/b');
const c =()=>import('../components/step/c');
const stepControl=['a','b','c']组件名
export default{
data(){return {step:1}}
}

层级不深，一层直接这么写就可以了不需要定义初始值，
如果出现store[index].attr就会报错了,
可以watch items 对应定义store

static放置的是静态文件，只能通过绝对路径访问，动态引入需要放在src/assets中

js不能代替用户进行操作，你的操作范围只有这一个Web

我的思路很简单了，别的组件有用的就定义在父组件，作为沟通的桥，自定义model或者.sync解决传参，不然就在本实例放着，思路应该是一个组件解决一个问题，最好最终一个结果传给父组件，这是理想情况

vuex吧 如果不希望重新请求直接把item整个传过去的话 不然直接路由传参带个id过去重新请求
还是直接写成父子组件传参比较方便 而不是分路由 切换tab把该tab的数据传给父组件，父组件通过prop传给下一个tab组件

首先 你需要看看vuex文档 getter是写在methods作为方法调用的 仅在执行时该方法时获取store的数据
写在computed的是mapState也就是你所期望的效果

function fun1 () {
 var num = 0;
 return function () {
  num++;
  console.log(num);
 }
}
const fun2 = fun1();
fun2(); // 这里输出1
fun2(); // 这里输出2
fun2(); // 这里输出3

使用闭包的形式就可以实现

watch只要赋值了就会触发，比如watch了a,a原本等于3，你再次赋值a=3也会触发

vue递归主要靠组件调用自身。如：

SubMenu.vue

<template>
    <div>
        <span>{{menu.title}}</span>

        <template v-if="menu.children && menu.children.length">
            <template v-for="cmenu in menu.children">
                <SubMenu :key="cmenu.title" :menu="cmenu" />
            </template>
        </template>
    </div>
</template>

<script>
export default {
    name: 'SubMenu',
    props: {
        menu: {
            type: Object,
            required: true
        }
    }
}
</script>

index.vue

<template>
    <div>
        <template v-for="menu in menus">
            <SubMenu :key="menu.title" :menu="menu" />
        </template>
    </div>
</template>

<script>
export default {
    name: 'Other',
    data(){
        return {
            menus: [
                {
                    title: "a",
                    children: [
                        {
                            title: "a1"
                        },
                        {
                            title: "a2"
                        }
                    ]
                },
                {
                    title: "b",
                    children: [
                        {
                            title: "b1"
                        }
                    ]
                }
            ]
        }
    },
    components: {
        SubMenu: () => import("./components/SubMenu")
    }
}
</script>