vue3新语法，bootstrap前端开发

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.使用