Uni-app + Vue3 页面组件介绍

,uni-app 项目中，页面有两种：.vue 和 .nvue 文件。两者差异在于 .vue 文件使用 webview 进行渲染，.nvue 会使用原生进行渲染。,一个页面就是一个符合 vue 的单文件组件(SFC)规范的 .vue 或 .nvue 文件。,页面文件为实现多端兼容，综合编译速度、运行性能等因素，依旧遵循 vue 单文件组件规范。,每个组件，包括如下几个部分：以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。,uni-app 支持的组件分为：,日常开发来讲，推荐使用vue组件。uni-app支持小程序组件主要是为了兼容更多生态资源。,我们开发的时候创建的 .vue 文件，用于表示一个单一组件。SFC 的全拼为 Single-File-Components，翻译为中文就是单文件组件。,一个完整的单文件组件，顶级标签有 template、script、style，还可以允许添加可选的自定义块：,vue-loader 会解析文件，提取每个语言块。能够支持使用非默认语言，如 css 预处理器，通过设置语言块的 lang 属性，如：,Vue3 一大特点：能够更好地支持 typeScript ，因此：,setup 是 vue3 的语法糖，使用 setup 可以自动导出定义的变量和方法。,可以在 .vue 文件中添加额外的自定义块来实现项目的特定需求，例如 <docs> 块。vue-loader 将会使用标签名来查找对应的 webpack loader 来应用在对应地块上。webpack loader 需要在 vue-loader 的选项 loaders 中指定。,前端同学基本没有没开发过小程序的，简单介绍下，就不详细介绍具体用法了。