当前位置:主页 > 聚焦 >

uniapp组件如何创建

时间:2020-12-08 14:21:24

  创建uniapp组件的方法:首先新建组件【.vue】文件;然后创建组件文档结构,代码为【</template><script>export default {name: "组件名称",props: {属性名称: {type:String】。

  本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

  (免费):uni-app开发教程

  创建uniapp组件的方法:

  创建自定义组件

  1、新建,组件.vue文件

  2、组件文档结构

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

  使用组件

  1、引用组件 import 组件名称 from "../../components/组件名.vue"; 2、注册组件 export default{ components:{ 组件名称 }, } 3、在试图模板中使用组件 <组件名称 组件属性="对应的值"></组件名称>

  相关免费学习:编程视频

热点推荐
1 SharpLink Gaming过去三天购入39196枚以太坊,

消息,SharpLink Gaming最近购入了29,196枚以太坊,价值约4670万美元。过去三天内,他们总共购入了...

2 Solana价格反弹面临陷阱,代币化股票热潮

消息,Solana价格在周五反弹,回升至72美元,因市场对与人工智能相关的代币化股票需求上升。...

3 爆炸与多枚炮弹击中一座通信塔有关

消息,据伊朗伊斯兰共和国广播电视台称,伊朗西南部锡里克地区传出爆炸声,爆炸与多枚炮...

4 分析师:Hyperliquid价格保持在60美元,MA

消息,Hyperliquid价格在新加坡金融管理局将其列入投资者警告名单后,保持在60美元附近的关键...

5 Pavel Durov:购买Plush PEPE NFT推动TON市场

消息,Telegram创始人Pavel Durov最近以7500 Gram购买了Plush PEPE NFT,并将其转让给与Telegram界面和礼物...

6 Polymarket黑客事件更新:损失达310万美元

消息,Polymarket平台的黑客事件更新显示,黑客从11个用户钱包中盗取的金额约为310万美元,涉...

7 赵长鹏:人工智能、全球局势及四年周期

消息,Binance创始人赵长鹏表示,过去一年加密市场下跌50%是由人工智能、全球局势及四年周期...

8 CZ:加密市场50%回调受多因素影响

消息,CZ在接受CoinDesk采访时表示,加密市场过去一年的50%回调并非由单一因素导致,而是地缘...

9 软银股价暴跌12.53%,因OpenAI考虑推迟1万亿

消息,软银集团股价在东京交易中下跌超过12%,原因是有报道称OpenAI正在考虑将其计划中的1万...

10 俄袭击了该公司在波尔塔瓦和哈尔科夫地

消息,乌克兰国家天然气公司称,俄罗斯袭击了该公司在波尔塔瓦和哈尔科夫地区的生产设施...

成都来彰科技 蜀ICP备2025134723号-1

资讯来源互联网,如有版权问题请联系管理员删除。