uni-app基础一（听课截图）

2021/9/18

1. uniapp与vue的关系

• 使用vue.js开发
• 发布到h5支持所有vue语法，发布到小程序或者app，仅支持部分vue语法
• 组件标签靠近小程序规范
• 接口js api 靠近微信小程序规范
• 拥有完整的小程序生命周期
• 为兼容多端开发，可以使用flex布局开发

2. uniapp
   

3. 判断语句
   
   通过设置变量的形式动态设置
   
   

5. 列表
   

7. 基础组件，如下这些提供的组件
   
8. 自定义组件
   
   
   方法回调
   
   

在自定义组件中


10. api 例子如下

11. 条件编译
    
12. 页面布局
    样式
    
    引入外部的css样式
    

14. 生命周期
应用生命周期

         页面生命周期

         组件生命周期

更多

16. 更多设置
    快捷键设置
    

17. 目录结构概述

19. page.json
    注册、配置页面
20. 如何使用sass
    
    下载插件 https://ext.dcloud.net.cn/plugin?id=2046

使用


优化
将多次使用的变量抽取出来定义

设置同级样式，使用&符号，表示box和content是同级

其中，Sass:https://www.sass.hk/guide/

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested
rules)、混合 (mixins)、 导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用
Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。

22. 认识uniCloud开发
    
    构成