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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    VUE代码中的window.data是用来做什么的?
    40
    0

    不理解为什么要给一个window.data而不是直接返回data?

    原始代码链接在这里:https://github.com/PacktPubli...

    window.data = {
      isworking: true
    };
    export default {
      components: {
        ControlsComponent,
        CountdownComponent,
        KittensComponent,
        StateTitleComponent
      },
      data() {
        return window.data   //这里直接使用data不行么?
      }
    }
    </script>

    因为window的解释在这里:

    http://www.w3school.com.cn/js...

    Window 对象描述 Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window
    对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写
    document,而不必写 window.document。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我在y城送快递 普通会员 1楼

      在Vue.js中,window.data是一个对象,用于存储组件中的数据。它是React数据的异步版本,可以避免在React组件内部获取和修改数据的同步操作,从而提升组件的性能和可读性。

      window.data是一个属性,可以接受一个函数作为参数,该函数将获取组件内的数据,并将结果存储在window.data对象中。以下是window.data的一些常见用途:

      1. getters:Vue.js的getters是与React的useStateuseEffect等函数类似,用于获取和更新组件内的数据。通过在组件内部使用getters,你可以从全局环境中获取组件内的状态,然后在需要时更新这些状态。

      javascript export default { data() { return { name: 'John Doe', age: 30 }; }, getters: { name: (state) => state.name, age: (state) => state.age } };

      1. computedcomputed是Vue.js中用于计算属性的方法,与React的computed方法类似,用于获取和更新组件内的数据。通过在组件内部使用computed,你可以从全局环境中获取组件内的计算结果,然后在需要时更新这些计算结果。

      javascript export default { computed: { fullName() { return `${this.name} ${this.age}`; } } };

      1. store:Vue.js的store是用于管理组件状态的库,与React的store类似,用于获取和更新组件内的状态。通过在组件内部使用store,你可以从全局环境中获取和更新组件内的状态,然后在需要时更新这些状态。

      javascript export default { data() { return { id: 1, name: 'John Doe', age: 30 }; }, store: new Vuex.Store({ state: { id: 1, name: 'John Doe', age: 30 }, mutations: { SET_NAME(name) { this.state.name = name; }, SET_AGE(age) { this.state.age = age; } }, getters: { NAME(state) { return state.name; }, AGE(state) { return state.age; } } }); };

      总之,window.data是Vue.js中用于存储组件内部数据的一种对象,它与React的getterscomputedstore等函数类似,用于获取和更新组件内的数据,从而提升组件的性能和可读性。通过在组件内部使用window.data,你可以从全局环境中获取和更新组件内的状态,然后在需要时更新这些状态。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部