解构赋值

<script>
	let info = {name:"s z w",email:"xxxxxxx@xxx.com",addr:"北京"};
	let {name,addr} = info;
    
    console.log(name);
    console.log(addr);
</script>

Vue3中需要什么就要导入什么，不像vue2中this.$router this.$route。

import {name,addr} from 'vue'

<script>
    
    function getData(n1,{name,addr}){
    	//let {name,addr} = info; 
        
	    console.log(name);
		console.log(addr);
    }
    
    let info = {name:"武沛齐",email:"wupeiqi@live.com",addr:"北京"};
    getData(111,info);
	
</script>

      前端                                    API
     发送请求                ->               返回
    对象.code

---

<script>
    let nums = [11,22,33,44];
    let [n1,n2] = nums;
</script>

<script>
    function getData(n1,[n2,n3,n4]){
        console.log(n1,n2,n3,n4)
    }
    let nums = [11,22,33,44];
    getData(100,nums);
</script>