一、Vue props 使用
自定义组件 通常使用 props 来接收父组件传递给子组件的值
<script>
export default {
props: {
payWay: Number,
default () {
return -1;
}
}
}
</script>
'payWay' 即子组件用来接收父组件传递的数据的属性，子组件中 页面代码直接使用 payWay 使用，
script 代码使用 this.payWay使用
<yc-pay-way payWay="微信支付"></yc-pay-way>
在父组件中 使用payWay 向子组件传递值。
二、Vue 计算属性 computed 的使用
//第一种写法
goodsCount:{
get(){
var count=0;
this.goods.forEach(item=>{
count+=item.count;
})
return count;
},
set(newValue){
}
}
//第二种写法
goosCount(){
var count=0;
this.goods.forEach(item=>{
count+=item.count;
})
return count;
}
以上均为计算属性的正确写法，区别在于
第一种写法既有get 又有 set ，即 既能获取属性值又能给属性赋值
第二种写法goosCount() 为 get 的 简写，只能获取值。
注意如果 属性中有 set方法，那么 属性 只能声明为 goodsCount:{ set(){} } 而不能是goodsCount(){ set(){}}
