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

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

uni-app中组件的创建

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

  • 创建test组件,在component中创建test目录,然后新建test.vue文件
    uni-app(15)— uni-app中组件的创建以及组件的生命周期函数_第1张图片

    <template>
    	<view>
    		这是test组件
    	view>
    template>
    
    <script>
    script>
    
    <style>
    style>
    
  • 在其他组件中导入该组件并注册

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

    components: {
         
      	 test
    }
    
  • 使用组件

    <test></test>
    

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

<template

你可能感兴趣的:(uni-app,uni-app)