Vue与Html——组件/标签的变化

kentrl

已于 2022-04-12 13:13:36 修改

阅读量677

点赞数

分类专栏：前端文章标签： vue.js html 前端

于 2022-02-21 05:49:01 首次发布

本文为博主原创文章，禁止转载，禁止复制，禁止抄袭，一经发现必将追究法律责任。

本文链接：https://blog.csdn.net/kentrl/article/details/123039481

版权

前端专栏收录该内容

17 篇文章 14 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文深入探讨了Vue.js框架中组件的使用和HTML标签的相互作用，阐述了如何通过Vue创建自定义组件，以及组件如何替代或扩展HTML元素，实现前端应用的灵活构建。同时，讨论了Vue中的 slot 机制，用于组件间的内容分发，进一步增强组件的复用性和可组合性。

摘要由CSDN通过智能技术生成


组件/标签的变化
以前是html标签，比如<div>，现在是小程序组件，比如<view>。
那么标签和组件有什么区别，不都是用尖括号包围起来一段英文吗？
其实标签是老的概念，标签属于浏览器内置的东西。但组件，是可以自由扩展的。
类似你可以把一段js封装成函数或模块，你也可以把一个ui控件封装成一个组件。

uni-app参考小程序规范，提供了一批内置组件。

下为html标签和uni-app内置组件的映射表：

div 改成 view

span、font 改成 text

a 改成 navigator

img 改成 image

input 仅仅是输入框。 原html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app和小程序规范中，input仅仅是输入框。其他功能uni-app有单独的组件或API&