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.
43 lines
684 B
43 lines
684 B
1 year ago
|
<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>
|