快应用注意地方
语法和vue比较相似,但是有些区别,比如循环vue是 v-for,而快应用去省略了v-
-
循环使用for、条件指令 if、else
-
事件绑定可以使用 onclick、@click都可以
-
引入自定义组件,通过
<import>标签,通过name指定 组件名称 -
数据状态使用:private、protected、public
-
文字要用
<text></text>包裹,在div层写文字默认不渲染 -
List组件,外层需要使用
div包裹,否则显示可能有问题 -
页面接受跳转参数,通过
public声明需要接受的属性
调试问题
注意快应用ide调试器会有问题,比如一些样式问题如高度等等,在模拟器有时候是不准的,需要在真机上看
样式问题
- 自定义组件通过
externalClasses, 可将外部样式传递给自定义组件 - 不支持background, 需要使用background-color
- 不支持nth-child选择器
- 伪类选择器:快应用不支持before、after等伪类选择器
图片占位问题
- 灵活使用
stack组件设置子组件的层叠排列,按照这个顺序依次堆叠, 给图片加上占位图,当image图片加载失败的时候,需要使用自定义的占位图 - 注意需要
image需要加alt="blank", 否则如果alt为空的话,终端会加上默认的灰色占位图。
<stack>
<no-cover id="cover" class="image__cover" show-type="{{3}}" radius="{{16}}"></no-cover>
<image src="#" class="image__cover" alt="blank" @click="skipVideo($item)"></image>
</stack>
环境变量配置
数据状态使用
数据状态使用:private、protected、public
- 若接收应用外部的数据覆盖,则设置为 public
- 若接收页面之间的数据覆盖,则设置为 protected
- 否则需设置为 private
监听数据
$watch(xxx.xxx.xxx, methodName)