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

CuterCorley 等级 717 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浏览更多优质原创内容。

收藏
评论区

相关推荐

/deep/和>>>和::v-deep
/deep/ 在style经常用scoped属性实现组件的私有化时,但是要改变elementui某个深层元素(eg:.elinput__inner)或其他深层样式时,需要使用/deep/,如下: .conBox /deep/ .elinput__inner{ padding:0 10px; } ::vdeep 注意:/deep/在vu
mongodb和python
MongoDB的安装与使用 当前学习环境的 Ubuntu 16.04 中已经安装好了MongoDB,版本为3.2.8,可以直接跳过此节. 下载mongodb的版本,两点注意1. 根据业界规则,偶数为稳定版,如3.2.X;奇数为开发版,如3.3.X2. 32bit的mongodb最大只能存放2G的数据,64bit就没有限制 MongoDB官网安装
LinkedBlockingQueue和ArrayBlockingQueue区别和注意点
LinkedBlockingQueue和ArrayBlockingQueue 俩个使用注意我们创建一个全局线程池的时候会传一个这样的类型进去,这里就需要注意下俩个的区别通俗来说LinkedBlockingQueue会同步ArrayBlockingQueue 则是你的正常思维异步,所以前者也会更占用内存。使用时机你要自己注意了。另外LinkedBloc
人工智能数学基础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函数的语法
SCP和SFTP相同点和区别
都是使用SSH协议来传输文件的。不用说文件内容,就是登录时的用户信息都是经过SSH加密后才传输的,所以说SCP和SFTP实现了安全的文件传输。 SCP和CP命令相似,SFTP和FTP的使用方法也类似。SCP和SFTP的共同之处在于「使用SSH将文件加密才传输的」 使用「WinSCP」或者「FileZilla」之类的客户端,还可以和Windows之间进行文
ABAP和Java的destination和JNDI
Netweaver里使用事务码SM59创建Destination: ![](https://oscimg.oschina.net/oscnet/07c4c8dd303d0f55213b36d27075c745ea3.png) Java ==== 新建一个destination: ![](https://oscimg.oschina.net/oscne
Android录制和播放AudioRecord和AudioTrack
package com.esa.audio; import android.media.AudioFormat; import android.media.AudioManager; import android.media.AudioRecord; import android.media.AudioTra
Notepad++和MinGW的安装和配置
http://blog.csdn.net/cclovepl/article/details/70568313 http://blog.csdn.net/cclovepl/article/details/70520412 http://blog.csdn.net/guang670248515/article/details/70186454 http:/
Python和Anoconda和Pycharm安装教程
简介 ==   Python是一种跨平台的[计算机程序设计语言](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fbaike.baidu.com%2Fitem%2F%25E8%25AE%25A1%25E7%25AE%2597%25E6%259C%25BA%25E7%25A8%258B%25
SSDB 和 Twemproxy集群和分布式
> SSDB 支持 Redis 协议, 许多人将 Twemproxy 置于多个 SSDB 实例的前端, 实现集群功能. ssdb介绍 ====== **[SSDB项目地址](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fideawu%2Fssdb)** `
SSDB 和 Twemproxy集群和分布式
> SSDB 支持 Redis 协议, 许多人将 Twemproxy 置于多个 SSDB 实例的前端, 实现集群功能. ssdb介绍 ====== **[SSDB项目地址](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fideawu%2Fssdb)** `
springboot与shiro和mybatis和mysql
### 测试项目已上传到GitHub:[https://github.com/xiaostudy/springboot\_shiro\_test1](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fxiaostudy%2Fspringboot_shiro_test1
tcp和socket和http的区别
又一次感觉到大学本科的基础知识没好好学习。估计光顾着泡妞找对象和睡觉了,后悔莫及啊。 网络由下往上分为   物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。   通过初步的了解,我知道IP协议对应于网络层,TCP协议对应于传输层,而HTTP协议对应于应用层,   三者从本质上来说没有可比性,   socket则是对TCP/IP协议的封装