uniapp基于vue自定义组件

痴心阿文

发布于 2022-11-21 09:09:12

4210

发布于 2022-11-21 09:09:12

✅作者简介：五一假期结束了，我是痴心阿文，你们的学友哥，今天给大家分享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>