You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
684 B
42 lines
684 B
<template> |
|
<div>{{ name }}: {{ counter }} {{ obj.title }}</div> |
|
<div>{{ twiceTheCounter }}</div> |
|
<button @click="action">点击</button> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
props: { |
|
name: String |
|
}, |
|
data() { |
|
return { |
|
counter: 0, |
|
obj: {title: "组件A标题"} |
|
} |
|
}, |
|
computed: { |
|
twiceTheCounter() { |
|
return this.counter * 2 |
|
} |
|
}, |
|
watch: { |
|
counter(newValue, oldValue) { |
|
console.log(newValue, oldValue); |
|
this.obj.title = "组件A标题---新" |
|
} |
|
}, |
|
methods: { |
|
action() { |
|
this.counter = this.counter + 3; |
|
} |
|
}, |
|
mounted() { |
|
console.log('mounted') |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
|
|
</style>
|
|
|