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; } }
涉及原理点:深拷贝和浅拷贝。