Vue 创建和编辑复用同一组件总结

问题：

        一般情况下，查看内容、创建内容和编辑内容因页面结构和样式相同，所以会复用同一页面，复用同一页面也会引入问题：页面在打开后，再次进入该页面，若在created中初始化数据，created不会重复执行，也就是数据不会重新加载。

解决方案：

        1、第一种方案：将初始化函数从created生命周期移动到activated函数中，activated会在该页面激活时调用，也就是你从查看，编辑，或者新建的路由进入，都会执行该函数进行数据的初始化，但是缺陷在于若用户切换到别的页面，再回到该页面也会导致数据的初始化。

        2、第二种方案：初始化函数仍在created中，在进行路由跳转的地方，通过

this.$store.dispatch('tagsView/delCachedView',{name: '需要关闭的页面路由'})

 将该页面关闭，然后再跳转到该页面，这样可以实现无论从什么路由进入，页面的数据都可以重新初始化，并且切换页面时数据不会重新初始化，可以保留用户在页面中填写的内容，个人比较推荐第二种方案。