与自定义元素的关系

本节目标：理解“与自定义元素的关系”的核心思路，并能把它用于实际开发或面试表达。 ==你可能已经注意到== ==Vue== ==组件非常类似于====自定义元素====——它是== ==Web== ==组件规范====的一部分，这是因为== ==Vue== ==的组件语法部分参考了该规范。例如== ==Vue== ==组件实现了== ==Slot API== ==与== ==is== ==attribute====。但是，还是有几个关键差别：==

==Web Components== ==规范已经完成并通过，但未被所有浏览器原生实现。目前== ==Safari 10.1+====、====Chrome 54+== ==和== ==Firefox 63+== ==原生支持== ==Web Components====。相比之下，====Vue== ==组件不需要任何== ==polyfill====，并且在所有支持的浏览器== ==(IE9== ==及更高版本====)== ==之下表现一致。必要时，====Vue== ==组件也可以包装于原生自定义元素之内。==

==Vue== ==组件提供了纯自定义元素所不具备的一些重要功能，最突出的是跨组件数据流、自定义事件通信以及构建工具集成。==

==虽然== ==Vue== ==内部没有使用自定义元素，不过在应用使用自定义元素、或以自定义元素形式发布时，====依然有很好的互操作性====。====Vue CLI== ==也支持将== ==Vue== ==组件构建成为原生的自定义元素。== ==准备好了吗？== ==我们刚才简单介绍了== ==Vue== ==核心最基本的功能——本教程的其余部分将更加详细地涵盖这些功能以及其它高级功能，所以请务必读完整个教程！==