动态 Prop的实例解析

时间2024-05-08 16:18:03发布访客分类HTML浏览30

导读：动态 Prop 类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件： Prop 实例 cons...

动态 Prop 类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件： Prop 实例

const Site = { data() { return { sites: [ { id: 1, title: 'Google' } , { id: 2, title: 'Runoob' } , { id: 3, title: 'Taobao' } ] } } } const app = Vue.createApp(Site) app.component('site-info', { props: ['id','title'], template: `

{ { id } } - { { title } }

` } ) app.mount('#app')

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处：动态 Prop的实例解析
本文地址： https://pptw.com/jishu/655622.html

注册button-counter 组件实例使用 JavaScript 修改 Cookie