您现在的位置:主页 > 发展 >

uniapp组件如何创建

标签: 日期:2020-12-08 14:21来源:未知作者:admin
创建uniapp组件的方法:首先新建组件【.vue】文件;然后创建组件文档结构,代码为【/templatescriptexport default {name: 组件名称,props: {属性名称: {type:String】。 本教程操作环境:windows7系统、

  创建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、在试图模板中使用组件 <组件名称 组件属性="对应的值"></组件名称>

  相关免费学习:编程视频

顶一下
(0)
0%
踩一下
(0)
0%
相关文章
共有人强势围观,期待你的评论!评论区
小提示: 本站的评论不需要审核,即发即显,有什么话你就尽管说吧,但不要过激哦,以免遭跨省处理!

验证码:点击我更换图片 匿名评论
最新评论