uni-app 基础学习

目录结构

目录结构详见

遵循单文件格式

注意：

1. 文件的后缀名.vue
2. 以vuejs为基础，开源免费，容易上手，可快速开发
3. 每个.vue文件只有一个template、script、style。
4. template:内容将被提取并传递给vue-template-compiler唯字符串，预处理唯JavaScript渲染函数，并最终注入到script到处的组件中。
5. script:会作为一个ES Module来执行。
   会默认导出一个Vue.js的组件选项对象。
   也可以导出由Vue.extend()创建的扩展对象，但是普通对象是最好的选择。
   任何匹配.js文件（或通过它的lang特性指定的扩展名）的webpack规则都将会运用到这个<script>块的内容中。
   样式默认匹配：/\.css$/以css结尾的文件。
6. style：可以有scoped或module属性以帮助将样式封装到当前组件。具有不同封装模式的多个style标签可以仔同一个组件中混合使用。
7. 尺寸单位：uni-app框架目前仅支持长度单位px和*%*。与传统web页面不同，px相对于基准宽度单位，已经适配了移动端屏幕，其原理类似于rem。uni-app的基准宽度为750px。

尺寸单位

uni-app尺寸单位—官网

强烈推荐：

白话uni-app 【也是html、vue、小程序的区别】