Vue 动态组件与 v-once 指令的实现

Vue.component('child-one', {
  template: `<div v-once>child-one</div>`,
})
Vue.component('child-two', {
  template: `<div v-once>child-two</div>`,
})

加上v-once指令之后，有什么好处呢？当chlid-one组件第一次被渲染时，因为组件上面有一个v-once指令，所以它直接就放到内存里了，当切换的时候child-two组件第一次被渲染时，它也会被放到内存里，再次点击切换时，这时并不需要再重新创建一个child-one组件了，而是从内存里直接拿出以前的child-one组件，它的性能会更高一些。

所以在 Vue 当中，通过v-once指令，可以提高一些静态内容的展示效率