一、父传子
父传递给子
在父组件 script 里面 导入子组件
import 子组件名字 from '子组件路由'
然后导出代码
export defaule{}
注册组件
components:{组件名}
然后data一个需要导出的内容
data(){
return {
name:'马嘉祺',
money:7000,
friend:{
name:'丁程鑫',
age:21,
habby:'跳舞'
}
}
}
子接收父 props
接受父组件传的内容
<script>
export default{
props:{
unclename:{
type:String,
default:'你猜',
required:true
},
unclemoney:{
type:Number,
default:0,
required:true
},
nephewfriend:{
type:Object,
default:{}
// required:true
}
}
}
unclename、unclemoney 、nephewfriend 都是 自定义的方法名 传的字符串和数据
里面的 type (传递类型),defualt(默认值),required=true是必写的,都是固定写法
然后
父组件<子组件名字 :方法名="需要用的键名"/>
在子组件里 直接用插值表达式 {{方法名}} 如果是对象的话 {{方法名.调用对象的键名}}
二、子传父
子组件
先定义一个子组件传值的方法
<script>
export default {
data () {
return {
zzjsj: '20'
//子组件的数据 要传给父组件的数据
}
},
methods: {
tofu () {
//zzjdyff 自组键定义方法
this.$emit('zzjdyff', this.zzjsj)
}
}
}
</script>
在子组件放一个按钮 绑定一个点击事件
<button @click="tofu">点击按钮 传值给父组件</button>
父组件
引入子组件 <子组件名字 v-on :方法名='子组件的数据' ></子组件的名字>
<zzj @:zzjdyff="byzzj"></zzj>
// @ v-on
//子组件定义的方法='父组件的方法'
方法 定义一个方法 将子组件的值赋给父组件
methods: {
byzzj (zzjdz) {
//来自子组键 (子组件的值)
this.fzjzdz = zzjdz
//将子组件的值赋给父组件要修改的值
三、路径传参
写一个跳转按钮,在方法里定义一个跳转方法 绑定点击事件 跳转
跳转的时候在路径后面加参数然后传过去
url:'路径?变量名'=值
当需要带多个参数时候
url:'路径?变量名'=值+'&变量名'=值
四、本地储存
把参数存储起来 然后下次可以直接调用,而且可以很多次,但是在你第二次存储的时候,之前的值就会被覆盖
存 uni.setStorageSync('键',值)
uni.setStorageSync('age',this.myage)
取 uni.getStorageSync('键')
uni.getStorageSync('age')