前端-uniapp-vue-自定义组件-傻瓜教学

本文主要是介绍前端-uniapp-vue-自定义组件-傻瓜教学，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一.创建自定义组件
1.在components文件夹中创建新界面

组件文档结构
<template name="组件名称"><view>......</view>
</template>
<script>
export default {name: "组件名称",//属性props: {属性名称: {type: String,//属性类型value: "值"},......},//组件生命周期created:function(e){},//相当于页面中onloadcomputed(){},methods: {(fun)组件函数名称(obj){},}
}
</script>
<style>
组件样式
</style>

二.使用组件

<template><view><组件名称 ref="(b)组件名称"></组件名称></view>
</template><script>
import 组件名称 from '@/components/组件名称/组件名称.vue';
export default {components: { 组件名称 },data() {return {};},methods: {this.$refs.(b)组件名称.(fun)组件函数名称()}
};
</script><style></style>

这篇关于前端-uniapp-vue-自定义组件-傻瓜教学的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---