当前位置:   article > 正文

uni-app(15)— uni-app中组件的创建以及组件的生命周期函数_uniapp函数式组件

uniapp函数式组件

此文为uni-app 总结笔记(15)— uni-app中组件的创建以及组件的生命周期函数

uni-app中组件的创建

在uni-app中,可以通过创建一个后缀名为vue的文件,即创建一个组件成功,其他组件可以将该组件通过impot的方式导入,在通过components进行注册即可

  • 创建test组件,在component中创建test目录,然后新建test.vue文件
    在这里插入图片描述

    <template>
    	<view>
    		这是test组件
    	</view>
    </template>
    
    <script>
    </script>
    
    <style>
    </style>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
  • 在其他组件中导入该组件并注册

 	import test from  '../../components/test.vue'
  • 1
  • 注册组件

    components: {
         
      	 test
    }
    
    • 1
    • 2
    • 3
    • 4
  • 使用组件

    <test></test>
    
    • 1

以上导入该组件并注册全部代码

<template>
	
  • 1
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/671908
推荐阅读