uni-app开发 经验和技巧总结

CuterCorley 等级 347 0 0

前言

uni-app 是一个基于 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 在开发过程中可能会用到一些经验和技巧,可以加速开发,归纳如下。

1.自定义组件模板

在开发时,很多情况下需要自定义组件,在自定义组件时,可以使用HBuilderX提供的模板,包括默认模板、使用less的组件等,但是因为一般在自定义模板时需要定义name、props等,而这些组件中并未包含该属性,因此可以自定义模板。 点击创建组件窗口右上角的自定义模板,如下: uni-app开发 经验和技巧总结 在弹出的目录中创建模板名.txt,里边写入模板内容即可,例如创建带有属性的模板.txt如下:

<template name="组件名称">
    <view>
        ......
    </view>
</template>
<script>
    export default {
        name: "组件名称",
        //属性
        props: {
            属性名称: {
                type: String, //属性类型
                value: "值"
            },
            ......
        },
        //组件生命周期
        created: function(e) {

        },
        methods: {
            函数名称: function(obj) {

            },
        }
    }
</script>
<style>
    **组件样式**
</style>

保存后,即可在创建组件时选择该模板。

本文原文首发来自博客专栏移动应用开发,由本人转发至https://www.helloworld.net/p/jYP7sJQu6bF5Z,其他平台均属侵权,可点击https://blog.csdn.net/CUFEECR/article/details/112618827查看原文,也可点击https://blog.csdn.net/CUFEECR浏览更多优质原创内容。

收藏
评论区

相关推荐

postgresql和mysql哪个好
postgresql和mysql都是免费且功能强大的开源数据库,很多用户面对这两个库都会有一个问题,那就是哪一个才是最好的开源数据库,MySQL还是PostgreSQL呢?该选择哪一个开源数据库呢? postgresql和mysql哪个好 一.PostgreSQL相对于MySQL的优势 1、在SQL的标准实现上要比MySQL完善,而且功能实现比较严谨;
Mac安装Golang和vscode
Mac第一次安装golang和vscode一起使用,遇到了不少的坑,下面介绍一下正确的安装方式。 1、使用brew安装Golang 如果不知道brew是什么,或怎么安装请看这里 brew官网(https://brew.sh/index_zhcn) brew install golang 安装完成后可以使用
/deep/和>>>和::v-deep
/deep/ 在style经常用scoped属性实现组件的私有化时,但是要改变elementui某个深层元素(eg:.elinput__inner)或其他深层样式时,需要使用/deep/,如下: .conBox /deep/ .elinput__inner{ padding:0 10px; } ::vdeep 注意:/deep/在vu
协变和逆变
本文同步发表于我的微信公众号,在微信搜索 OpenCV or Android 即可关注。 协变、逆变 概念 许多程序设计语言的类型系统支持子类型。例如,如果Cat是Animal的子类型,那么Cat类型的表达式可用于任何出现Animal类型表达式的地方。所谓的变型(variance)是指如何根据组成类型之间的子类型关系,来确定更复杂的类型之间(例如C
NGINX的 IF AND 和 OR
if的逻辑用法 什么是逻辑用法呢, 就程序中的and、or关系, 就叫做逻辑了. NGINX支持if的 and 与 or 或者 && 与 || 吗? 答案是No. 当你尝试这样配置, 重载nginx时, nginx会报出错误 location /test/ { default_type text/html;
防抖和节流
防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次触发,则重新计算事件 思路 每次触发的时候取消之前的延时调用方法,以当下为准 //防抖 function debounce(fn){ let timeout null; return function(){ clearTimeout
mongodb和python
MongoDB的安装与使用 当前学习环境的 Ubuntu 16.04 中已经安装好了MongoDB,版本为3.2.8,可以直接跳过此节. 下载mongodb的版本,两点注意1. 根据业界规则,偶数为稳定版,如3.2.X;奇数为开发版,如3.3.X2. 32bit的mongodb最大只能存放2G的数据,64bit就没有限制 MongoDB官网安装
MySQL8.0和MySQL5.7的区别
隐藏索引 在8.0中,索引可以隐藏。隐藏索引对性能调试非常重要,索引可以被隐藏和显示,当一个索引隐藏时,不会被查询优化器所使用。 隐藏一个索引,然后观察数据库性能是否下降,如果下降,说明该索引有效,否则无效,可以删除。 隐藏索引语法:ALTER TABLE t ALTER INDEX i INVISIBLE 恢复索引语法:AL
LinkedBlockingQueue和ArrayBlockingQueue区别和注意点
LinkedBlockingQueue和ArrayBlockingQueue 俩个使用注意我们创建一个全局线程池的时候会传一个这样的类型进去,这里就需要注意下俩个的区别通俗来说LinkedBlockingQueue会同步ArrayBlockingQueue 则是你的正常思维异步,所以前者也会更占用内存。使用时机你要自己注意了。另外LinkedBloc
Python中的yield和generator
yeid可以把函数或者列表变成生成器(generator),如果只调用一部分结果,可以极大的缩减内存占用和增加运行速度,可以用next()或者循环得到生成器类型的数据。generator可以用()表示。 def fab(max): n,a,b 0,0,1 while n<max: yield b
js堆和栈
浅析js中堆内存和栈内存我们常遇见的 var let const区别cont定义的基本类型不能改变,但是定义的对象是可以通过修改对象属性等方法来改变的 const a 1;console.log(a) //a;cosnole.log(a 2) //报错const b ;b.name 1;console.log(b) //name : 1con
人工智能数学基础1:三角函数的定义、公式及固定角三角函数值
一、三角函数的定义及名称在直角三角形中,当平面上的三点A、B、C的连线,AB、AC、BC,构成一个直角三角形,其中∠ACB为直角。对∠BAC(在此简称为θ)而言,对边(opposite)aBC、斜边(hypotenuse)cAB、邻边(adjacent)bAC,则三角函数定义如下:二、三角函数的变化趋势及图像  正弦值在 \[2kππ/2,2kπ+π/2
关于根据颜色刷选图像内容的问题
在CSDN本人博文《OpenCVPython图像处理:用inRange刷选图像中指定颜色对象案例》(请点击文章底部最下方的“阅读原文”跳转CSDN阅读原文)中介绍了根据颜色刷选图像内容相关的概念及实现,介绍了通过使用inRange在HSV颜色空间中识别制定颜色的图像内容,文中概要介绍了HSV颜色空间中进行制定颜色对象识别的要点,使用的inRange函数的语法
如何在React Native和Expo中掩盖Text和TextInput组件
在本文中,我将向您展示如何在React Native和Expo中使用自定义蒙版,可用于iOS,Android和Web!我们将使用一个名为库,这是一个没有本机代码的完整javascript库,然后您可以在React Native环境的所有CLI中使用。](https://res.cloudinary.com/practicaldev/image/fetch/s
Qt文件和json
qt中创建普通c++类头文件cppifndef OPERATIONHdefine OPERATIONHinclude <QFile// 默认配置文件路径const QString FilePath "./config.json";typedef struct FileConfig QString ip; QString port; QS