sendData
}
}
}
// 子组件About.vue
{ {propContent}}
2. setup(props,context)第二个参数Context上下文对象
// 父组件 Home.vue
<About :name=“sendData.val” @name-changed=changeName>
世界变化不停,人潮川流不息
//子组件 About.vue
<button @click=“fn”>子改父
3.使用 ref、toRefs 绑定数据
使用v-model双向数据绑定的数据内容是:{ { msg }}
<input type=“text” ref=“myInput” @input=“input” :value=“nmsg” />
使用@input事件动态实现双向数据绑定的数据内容是:{ { nmsg }}
<input type=“text” v-model=“hmsg” @input=“hmagInpu” />
使用ref方法动态定义并双向数据绑定的数据hmsg是:{ { hmsg }}
toRefs 来实现在模板中不需要追加 state 调用数据:{ { msg }}
小结:两种构建响应式对象的方法
1.reactive
1.reactive方法,直接传入一个对象 state ,这个对象就是 proxy 拦截的对象
2.然后再把这个 state 对象直接 return 出去就能被调用
3.在 temolate 中使用 state.msg 来访问
4.在 js 中也使用 state.msg 来访问
2.ref
1.使用