uni-app 高效开发技巧

小羊要吃狼

uni-app 高效开发技巧为提升开发效率，HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块，如在 template 标签内输入 ulist 回车，会自动生成如下代码：

[JavaScript] 纯文本查看 复制代码

<view class="uni-list">
    <view class="uni-list-cell">
        <view class="uni-list-cell-navigate uni-navigate-right" v-for="(item,index) in list" :key="index">
            {{item.value}}
        </view>
    </view>
</view>

代码块分为Tag代码块、JS代码块，如在 script 标签内输入 uShowToast 回车，会自动生成如下代码：

[JavaScript] 纯文本查看 复制代码

uni.showToast({
    title: '',
    mask: false
    duration: 1500
});