elements ui 中 el-tabs 组件切换 数据重置

无论是 created 还是 mounted 都在 props 数据交互之后发生。

elements ui 中的 el-tabs 组件在切换时,会触发一个组件的 props 数据重载,也就是会导致这样一个结果,如果你在 tabs 中的 pane 1 中放置了一个组件,该组件的数据通过 props 来指定,然后你在创建组件时通过 created 或者 mounted 重置或者修改了数据,那么当 tabs 被切换后,数据将被重置。

但这个重置,仅处于字符串型数据时会发生,如果是数据对象模式就不会有这个问题。

vuejs 中 created 和 mounted 的区别

首先 created 在前,mounted 在后,从过程上理解,created 在模板渲染成html前调用,mounted 则在模板渲染成html后调用。

在实际使用中,一般情况下没有什么太复杂的区别,但如果我们在页面中使用了一些组件,而希望在 created 或者 mounted 中进行数据配置,那么就要看对数据的需要是在 html 渲染之前还是之后。