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>
🍓结束语🏆
🍉 写的比较简洁，欢迎指点批评。
