Vue内置组件component如何实现长尾词功能？

本文共计2329个文字，预计阅读时间需要10分钟。

目录+前言+组件的使用+组件的原理分析+虚拟DOM与原生态DOM+render函数的使用+尝试手写实现component+总结+最近在复习Vue的源码，今天带大家手写实现一下Vue内置组件component

目录

• 前言
• 内置组件component的使用
• component组件的原理分析
• 虚拟DOM与原生DOM
• render函数的使用
• 尝试手写实现component
• 总结

最近在复习Vue的源码，今天带大家手写实现一下Vue内置组件component，比较简单，最近面试有被问到。

前言

Vue大家都很熟悉，除了原生的组件，其自己也封装了一下内置组件，比如component，transition，keep-alive等等。

component算是用的比较多的了，当我们遇到需要根据不同条件显示不同组件的时候，一般都是用component来实现。当然你也可以v-if，v-else-if，v-else，就显的比较笨了。

大家如果没用过，可以先自己尝试一下这个component组件。最主要的就是它有一个is属性，你给is赋予什么组件名，它就渲染什么组件。