vue 组件双向绑定

1.页面正常引用组件成功。

2.父组件随着子组件改变（父组件）

 <slider class="slider" :min=0 :max=100 v-model="per" v-on:perfn="perfn"></slider>

    methods: {
                perfn(val) {
                    this.per = val
                }
               }

3.父组件改变，子组件值也随着改变（子组件）

props: ["min", "max", "value"],
  data() {
    return {
      per: this.value //当前值
    };
  },

 watch: {
    value(newVal) {
      this.per = newVal;
    }
  }

涉及原理点：深拷贝和浅拷贝。