vue子組件更改屬性

嚴格來說,Vue子組件不能隨便更改父組件傳遞過來的屬性,但是可以這樣修改

父組件

<component-a :num.sync="number">這是子組件</component-a>

子組件

<template>
  <div>
    <p @click="change">子屬性{{num}}</p>
  </div>
</template>

<script>
    export default {
        name: "ComponentA",
        props: {
          num: Number
        },
        methods: {
          change(){
            this.$emit('update:num', 10)
          }
        }
    }
</script>