component — is 动态切换组件

>[success] # component -- is 切换组件 ~~~ 1.有的时候，在不同组件之间进行动态切换，有两种方法一种使用v-if 或者v-show 来控制组件之间的显示切换 2.另外一种配合component标签和v-bind 搭配is使用例如： 3.简单的说: 元素，动态地绑定多个组件到它的 is 属性 保留状态，避免重新渲染 ~~~ 官方案例地址 >[danger] ##### 案例 -选择不同radio展示不同组件 ~~~ 1.component 每次只能显示一个组件，组件之间切换的时候就是销毁之前的组件 ，重建新的组件这样会浪费性能 2.想查看上面话中具体的代码效果，可以在组件中加入声明周期钩子，断点来看 3.详解解决这类问题使用 来解决例如下面案例可以写成： 4.只要切换到 A 组件，mounted 就会触发一次，切换到其它组件， beforeDestroy 也会触发一次，说明组件再重新渲染，这样有可能导致性能 问题。为了避免组件的重复渲染，可以在 外层套一个 Vue.js 内置的 组件，这样，组件就会被缓存起来 5.这时，只有 mounted 触发了，如果不离开当前页面，切换到其它组件， beforeDestroy 不会被触发，说明组件已经被缓存了。 ~~~  ~~~

组件一号 组件二号

~~~ >[danger] ##### 案例二  ~~~

~~~