前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app开发 经验和技巧总结

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

作者头像
cutercorley
发布2021-01-14 10:59:53
6740
发布2021-01-14 10:59:53
举报
文章被收录于专栏:Corley的开发笔记

文章目录

各位粉丝小伙伴、小哥哥小姐姐、路过的读者朋友,感谢您的浏览和支持。 有幸入围一年一度的CSDN博客之星评选活动,希望大家可以点击链接 https://bss.csdn.net/m/topic/blog_star2020/detail?username=cufeecr扫描下方二维码投出宝贵的一票或者多票,让我更进一步,江湖救急,要是有帮得上忙的地方绝对义不容辞,可以为你互投,也可以帮忙下载资源,还可以互关三连,多谢啦。 新的一年,愿我们一起变得更强???

前言

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

1.自定义组件模板

在开发时,很多情况下需要自定义组件,在自定义组件时,可以使用HBuilderX提供的模板,包括默认模板、使用less的组件等,但是因为一般在自定义模板时需要定义name、props等,而这些组件中并未包含该属性,因此可以自定义模板。 点击创建组件窗口右上角的自定义模板,如下:

在弹出的目录中创建模板名.txt,里边写入模板内容即可,例如创建带有属性的模板.txt如下:

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/01/13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 前言
  • 1.自定义组件模板
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档