父子传参，路径传参，本地储存

1. 父传子

        父组件传值

<!-- 父传子： :属性名=属性值 -->
<son :father="price" :fatherName="name" @Sonname="Sonname"></son>

		data() {
			return {
				price:100,
				name:'涛哥',
				sonUser: {
					name:'涛弟',
					age:500,
				}
			}
		},

 属性名：我们要给子组件传过去的变量名

值：我们要给子组件传过去的值  并且是在父组件中定义过的。

PS：使用子组件三件套必须整完在传参。

子组件接受：

第一种接受形式，数组

props : ['sonUser']

第二种接受形式，对象，在传过来的基础上加一些验证的条件

 

		props: {
			father:{
				type:Number,
				default:0,
				required:true
			},
			fatherName: {
				type:String,
				default:'涛哥',
				required:true,
				// validator
			}	
		},

type：规定数据类型，具体包括：String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6)。

default：默认值，对基础数据类型直接赋值，对复杂数据类型：用函数赋值 ()=>[]

required必填项，默认为false，说明父级必须传入，否则会报错。

validator：验证传入的值是否符合规则。

2.子传父

子组件使用 $emit 方法进行传递

			editSonname() {
				this.$emit('Sonname','强哥')
			}

 父组件通过 事件名 进行接受

<son :father="price" :fatherName="name" @Sonname="Sonname"></son>

 PS：通常改变props的数据有两个原因

　1、prop 作为初始值传入后，子组件想把它当作局部数据来用

　2、prop 作为初始值传入，由子组件处理成其它数据输出

注：JS中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态

在我们子组件中是不建议直接修改props传过来的值。props传值是单向的：父组件的数据可以传给子组件，而子组件的数据不能传给父组件，这是为了防止子组件无意修改了父组件的状态，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 prop。

3.路径传参

 正常页面的跳转

toAsun(){
uni.navigateTo({
url:'../Asun/Asun'  //正常跳转

 带参跳转：

toAsun(){
				uni.navigateTo({
					// url:'../Asun/Asun'  //正常跳转
					// 带参跳转
					url:'../Asun/Asun?price=' + this.price +'&name='+this.name

带单个参数跳转的格式： url:'路径?变量名=值'

带多个参数跳转的格式： url:'路径?变量名=值&变量名=值'

模板字符串的写法：

url:`路径?变量名=${值}&变量名=${值}`

toAsun(){
				uni.navigateTo({
					// url:'../Asun/Asun'  //正常跳转
					// 带参跳转
					url:'../Asun/Asun?price=' + this.price +'&name='+this.name
					// 模板字符串跳转
					// url:`../Asun/Asun?price=${ this.price }&name=${this.name}`
				})

 4.本地存储

存：

 

			totoAsun() {
				// 存值
				uni.setStorageSync('name',this.name)({
					url:'../Asun/Asun'
				})
			},

取：

 

			atotoAsun() {
				// 取值
				uni.setStorageSync('name')({
					url:'../Asun/Asun'
				})
			}

 示例：

原页面：

 存：

取