v-bind:is vs keep-alive

首先要介绍的是在component标签中利用v-bind:is(v-bind缩写是「:」所以可以直接写成:is)让每个component之间可以去做切换，但是当你每做一次切换他就会重新create一次，这是什麽意思呢?先来看看单纯使用v-bind:is的影片吧!从影片中会发现当我们在Demo3的页签中编辑文章按储存後，切换到其他页签在切回到Demo3这个页签他会回到预设的文章内容，而刚才编辑的内容都会不见

虽然重新create这个方法没有不好，但是有时候我们会希望他有cache的机制，像是如果在填表单的时候当你填完送出前想要返回前一页看的时候就需要全部重新填写，这是一件很累人的事，所以接下来我们要介绍的就是解决这个问题的方法，这个方法很简单那就是使用keep-alive，我们只需要在原本的component标签外面加上<keep-alive>就能够让使用者不会因为切换页签编辑的内容就不见了!最後的Demo就是使用<keep-alive>的效果

Demo
github