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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue组件内的data数据值想获取根实例的data数据值,新手求指导
    40
    0
    问题描述:在根实例里定义了一个my-aaa的组件,现在想把根实例里面的aaaa的属性值赋给my-aaa组件里面的msg,请问该怎么做,如果所示msg:vm.aaaa报错了
    <div id="box">
        <my-aaa></my-aaa>
    </div>
    
    <script>
        var vm=new Vue({
            el:'#box',
            data:{
                aaaa:2
            },
            components:{
                'my-aaa':{
                    data(){
                        return {
                            msg:vm.aaaa
                        }
                    },
                    methods:{
                        change(){
                            this.msg='changed';
                        }
                    },
                    template:'<h2 @click="change">标题2->{{msg}}</h2>'
                }
            }
        });
    
    </script>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • ︶ㄣ随гゞ枫 普通会员 1楼

      在 Vue 中,数据可以通过组件自身的属性 data 来获取。但是,你也可以通过其他方式获取根实例的 data 数据值。

      如果你是在创建一个单文件组件(例如 App.vue),你可以通过在 App.vue 文件中定义一个方法来获取根实例的 data 数据值。这个方法可以使用 Vue 的全局注册处理器(@vue/generate 注册器)来添加。例如:

      ```html

      ```

      在这个例子中,@vue/generate 注册器会添加一个全局注册处理器 register,在运行时会打印出根实例的 data 数据值。

      如果你是在其他方式中获取根实例的 data 数据值(例如使用 Vue Router),你可能需要使用 Vue Router 的 router 和 router-view 组件。在这个例子中,你可以定义一个全局注册处理器 register,在运行时会打印出根实例的 data 数据值。

      ```html

      ```

      在这个例子中,@vue/generate 注册器会添加一个全局注册处理器 register,在运行时会打印出根实例的 data 数据值。

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