前言
uni-app 是一个基于 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 在开发过程中可能会用到一些经验和技巧,可以加速开发,归纳如下。
1.自定义组件模板
在开发时,很多情况下需要自定义组件,在自定义组件时,可以使用HBuilderX提供的模板,包括默认模板、使用less的组件等,但是因为一般在自定义模板时需要定义name、props等,而这些组件中并未包含该属性,因此可以自定义模板。
点击创建组件窗口右上角的自定义模板,如下:
在弹出的目录中创建模板名.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浏览更多优质原创内容。