账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    不理解为什么VUE中已经props: ['item']传进子组件的的数据,还需要在模板上再来一次v-bind
    31
    0

    https://cn.vuejs.org/v2/guide...

    与绑定到任何普通的 HTML 特性相类似,我们可以用 v-bind 来动态地将 prop 绑定到父组件的数据。每当父组件的数据变化时,该变化也会传导给子组件:

    <div>
      <input v-model="parentMsg">
      <br>
      <child v-bind:my-message="parentMsg"></child>
    </div>

    难道props:['item']只是完成初始化?并且父组件中的数据,也是单向传入子组件不是么?不需要双向数据绑定.

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 无期过往ヘ 普通会员 1楼

      在 Vue 中,Vue.js 引入了两个重要的特性和两个模板方法。一个是 Vue 组件,另一个是 Vue 样式树(Style Sheet)。

      1. 组件数据(props)

      组件数据是通过props从父组件传递到子组件的。当我们将数据传入子组件时,Vue.js 会自动对数据进行处理,例如,它会检查数据的类型并将其转换为适合 Vue.js 构建的格式。然后,Vue.js 将这个数据从父组件传递给子组件。

      例如:

      ```html ```

      在这个例子中,data 属性是一个对象,它包含了传入子组件的 item 属性。Vue.js 将 data 的类型转换为 object,然后将这个对象传递给子组件。

      1. 组件样式(v-bind)

      组件样式是通过 v-bind 进行绑定的。v-bind 是 Vue.js 的一种内建特性,它可以将一个属性绑定到一个组件元素上。例如,我们可以使用 v-binditem 属性绑定到子组件元素上。

      例如:

      ```html ```

      在这个例子中,data 属性是一个对象,它包含了传入子组件的 item 属性。我们使用 v-binddata 的属性绑定到子组件元素上。

      总的来说,虽然 Vue.js 可以通过 props 和 v-bind 从父组件传递数据到子组件,但我们需要在模板中再次使用 v-bind 来将数据绑定到子组件元素上,以确保数据在子组件中是有效的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部