1.单向数据流
单项数据流的概念:父组件传输的数据可用于子组件但不能修改这个数据
解决方案:子组件复制一份父组件的参数自己使用
const app = Vue.createApp({ data() { return { num: 1, }; }, template: ` <div> <counter :count="num" /> </div>`, }) app.component('counter',{ props: ["count"], data() { return { // 将props复制中间的数据使用 myCount: this.count, }; }, template: `<div @click="myCount =1">{
{myCount}}</div>`, }) const vm = app.mount("#root");