类别:uni-app文档

日期:2020-11-29 浏览:1230 评论:0

  创建自定义组件

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、在试图模板中使用组件

<组件名称 组件属性="对应的值"></组件名称>


本文标题:自定义组件创建及使用
本文链接:https://vtzw.com/post/466.html
作者授权:除特别说明外,本文由 零一 原创编译并授权 零一的世界 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
 您阅读本篇文章共花了: 

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

最新留言