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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于vue,为什么把数据写在子组件上了仍然要通过prop来传递数据?
    36
    0

    还有一些疑问:1.在这个例子里哪个是父组件,哪个是子组件。

    1. Vue.component('blog-post', { }和<blog-post></blog-post>是什么关系。
      <div id="example">
        <blog-post title='vue'></blog-post>
      </div>
    
    <script>
    Vue.component('blog-post', {
      props:['title'],
      data(){
        return {
        }
      },
      template: '<h3>{{ title }}</h3>'
    })
    
    new Vue({
      el:'#example',
    
    })

    感谢解答的大佬们

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 在 Vue 中,你可以使用 props 来传递数据给子组件。但是,如果你的数据量非常大,甚至超过组件的可读性和可维护性,那么可能会有性能问题。

      在这种情况下,你可能需要将数据写在子组件的 DOM 中。这种方式可以确保数据被完全包裹在组件中,而不是像使用 props 一样直接传递到父组件。此外,这样也可以让父组件更容易管理子组件的数据。

      以下是一个简单的例子:

      ```html

      ```

      在这个例子中,parentData 是一个嵌套的对象,包含了多个属性。然后,每个子组件都可以通过 v-bind:parentData="parentData" 来获取到这些属性。这种方式不仅可以保证数据的完整性和可读性,而且也可以避免数据传递到父组件时出现性能问题。

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