uni-app开发规范

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

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

  • 页面文件遵循 Vue 单文件组件 (SFC) 规范
    每个 .vue 文件包含三种类型的顶级语言块:
    ①最多包含一个模板模块
    ②最多包含一个脚本模块
    ③可以包含一个或多个样式模块,标签可以有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布局进行开发

你可能感兴趣的:(uni-app开发规范)