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组件名
<privacy >
    .......
</privacy>

<script>
    import privacy  from "../../components/privacy/privacy ";
	export default{
		data(){
			return{
				
			}
		},
		methods:{

		},
        components: {
            privacy, //注册自定义组件
       },

	}
</script>

🍓结束语🏆

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