记录一些前端遇到的问题

一、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(){}}