深入组件:解构插槽 Prop

F12


check: {{msg}}
1 作用域插槽的内部工作原理是将你的插槽内容包括在一个传入单个参数的函数里。 解构插槽 Prop 1.2 解耦格式: v-slot 的值实际上可以是任何能够作为函数定义中的参数的 JavaScript 表达式。
[a,b]=[1,2] 则 a #1, b #2;

({ apple, orange } = { apple: 10, orange: 20 });
console.log(apple); // 10
console.log(orange); // 20
1.3 改变名字
1.3- {{ sth }}
2. 对于obj,希望传递格式一致 [{item:"apple", price:10}, {item:"orange", price:5}, ] 2- {{fruit}} || {{fruit.item}} : ${{fruit.price}}