uniapp基于vue自定义组件

✅作者简介：

             五一假期结束了，我是痴心阿文，你们的学友哥，今天给大家分享uniapp基于vue自定义组件！
个人主页：痴心阿文的博客_CSDN博客-TypeScript.js,笔记,CSS领域博主
本文前言：uniapp基于vue自定义组件
如果觉得博主的文章有帮到你的话，请支持一下博主哦  

 

​​​​​​​本文主要介绍vue自定义组件

​​​​​​​​​​​​​​步骤顺序如下：

1.在项目中创建目录：components

2.新建组件.vue 文件 例如：privacy.vue, 同时新建同名文件夹

3.组件文档结构

 

 ​​​​​​​​​​​​​​创建组件

// javasecrpt 部分

export default{
        name:"privacy",//组件名称
		props:{  //传递数据
			name:String,//应用名称
			color:String,//主题颜色
			privacy_url:String,//隐私政策链接
			user_url:String,//用户协议链接
		},
        //组件生命周期
        created:function(e){
        
        },
		data(){
			return{
				
			}
		},
		methods:{
			// 方法
		},
		watch: {
		    myprivacy_show(val) {
		      this.privacy_show = val;
		    }
		},
	}

第二步，调用组件 

 

//view页面部分 引入组件  privacy组件名

    .......

结束语

        写的比较简洁，欢迎指点批评。