需求:加载子组件时,自动调用methods中的方法,方法要使用props属性
vue生命周期:beforeCreate、created、beforeMount、mounted
<script>
export default {
name: 'approvalButton',
props: {
inquiry_no: String,
},
watch: {
inquiry_no: function(newVal, oldVal) {
this.main_no = newVal; //这样就能在method使用props
console.log('Watch:', this.main_no)
}
},
data() {
return {
main_no: '',
}
},
// 使用这个才能保证加载组件时,方法能用到props属性,
mounted() {
console.log('mounted')
this.initFlow();
},
methods: {
initFlow() {
console.log('initFlow', that.main_no)
}
}
}
</script>
输出结果:
Watch: 230419120647
mounted
initFlow 230419120647