uni-app开发规范

  uni-app 借鉴整合了 Vue.js、mpvue 等前端开源框架。同时,为保证微信小程序兼容,uni-app 还借鉴了微信小程序的组件规范。

  为了实现微信小程序、原生App的跨端兼容,综合考虑编译速度、运行性能等因素,uni-app 约定了如下开发规范

  • 页面文件遵循 Vue 单文件组件 (SFC) 规范
    每个 .vue 文件包含三种类型的顶级语言块:
    ①最多包含一个<template></template>模板模块
    ②最多包含一个<script></script>脚本模块
    ③可以包含一个或多个<style></style>样式模块,标签可以有scoped或者module属性,不同封装模式的多个style可以在同一个组件中混合使用,如可包含css、sass、less等多种封装模式。
    Tips:允许添加可选的自定义块,支持导入自定义块,需要注意的是 src 导入遵循和 webpack 模块请求相同的路径解析规则,这意味着相对路径需要以 ./开始

  • 组件标签靠近微信小程序规范,所以有微信开发经验的话将会飞速上手uni-app,没有经验也不要怕,即使不会微信小程序也会快速上手。若想更多的了解uni-app组件规范,详见uni-app 组件规范
    注意:不能使用标准HTML标签,也不能用js对dom进行操作

  • 接口能力(JS API)靠近微信小程序规范,不过前缀 wx 需要替换为 uni,详见uni-app接口规范

  • 数据绑定及事件处理靠近 Vue.js 规范,同时补充了App及页面的生命周期

  • 为兼容多端运行,建议使用flex布局进行开发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容