vue中通过父组件传递的值，实时刷新子组件的数据

1.watch监听普通类型的数据：

data() { return {

frontPoints: 0 } },

watch: {

frontPoints(newValue, oldValue) { console.log(newValue) } }

2.watch监听数组类型 的数据

data() { return {

winChips: new Array(11).fill(0) } },

watch: {

　　winChips: {

　　　　handler(newValue, oldValue) {

　　　　　　for (let i = 0; i < newValue.length; i++) { 　　　　　　　　if (oldValue[i] != newValue[i]) { 　　　　　　　　　　console.log(newValue) 　　　　　　　　} 　　　　　　} 　　　　},

　　　　deep: true 　　} }

3.watch监听对象类型的数据

data() {

　　return { 　　　　bet: {

　　　　　　pokerState: 53, 　　　　　　pokerHistory: 'local' 　　　　} } },

watch: { 　　bet: {

　　　　handler(newValue, oldValue) { 　　　　　　console.log(newValue) 　　　　},

　　　　deep: true 　　} }

4.watch监听对象的具体属性：（结合computed）

data() {

　　return { 　　　　bet: {

　　　　　　pokerState: 53, 　　　　　　pokerHistory: 'local' 　　　　} } },

computed: {

　　pokerHistory() {

　　　　return this.bet.pokerHistory 　　} },

watch: {

　　pokerHistory(newValue, oldValue) {

　　　　console.log(newValue) 　　} }