uni-app中的小知识

最近小编学习了uni-app,关于dcloud的一些认知。

1、对于vue中组件的认知

页面
<lsy_component></lsy_component>
js中
import lsy_component from '@/component/lsy_component/lsy_component',
component：{
    lsy_component // lsy_component: lsy_component
}

对于这段代码，我们只需要components文件夹中lsy_component文件夹和lsy_component文件名字一样，我们只需要保留

<lsy_component></lsy_component>

如果components文件下的文件名和目录名一致，可以省略不写。

app.vue应用配置。监听启动，退出，隐藏，配置公共样式，公共资源配置。

manifest.json 配置H5跨域问题  模块（Oauth）支付配置

package.json 配置页面

cloudfunctions unicloud服务端

hybrid 本地网页的目录

platforms 当前页面只在微信小程序使用。

关于打包，static整个都会打包，非static文件被引用到才会打包。js，css，scss，less文件放到common文件中。影响打包

@ 开头的绝对路径以及相对路径会经过 base64 转换规则校验。

引入的静态资源在非 h5 平台，均不转为 base64。

H5 平台，小于 4kb 的资源会被转换成 base64 ，其余不转。

支付宝小程序组件内 image 标签不可使用相对路径。

有些小程序不支持引入css文件。（根据调试情况而定）

 

nvue效率比vue好，uni-app为了效率更好，提升渲染效果，提供了nvue

nvue每个图标都需要单独引用，样式：nvue只支持单一的class选择器。图标只能用Unicode引入，nvue不支持本地引入，请使用网络链接和base64