1.动静组件:顾名思义,可能动静切换的组件。

2.is:应用<component>配合is个性实现动静组件。

小提示:尽可能少的应用内联款式,层级深了之后会很麻烦

看后果,点击前:

点击后:

3.keep-alive:因为动静组件在应用时会产生组件的销毁和从新创立,所以极其消耗性能。而keep-alive的性能就是将失活的组件缓存起来,以便下次应用。先上代码:

开始重现:失活后再从新创立





开始重现:失活后缓存起来



要害的中央: