Vue.js - 将数据传递给初始Vue和已注册的组件

时间:2016-04-27 12:47:35

标签: javascript node.js vue.js vue-component

我无法将数据从根new Vue.js传递到已注册的组件

dashboard.jade

extends /base

block dashboard
  .dashboard
    //- account vue
    account

dashboard.js

 import Account from '../pages/Account';

 auth.on('user:fetched:success', (e, data) => 
   new Vue({
    el: '.dashboard',

    data: {
      user: data.user // some data
    },

    components: {
      Account
    }
  });
});

Account.vue

<template lang="jade">
  .account
    //- layout goes here
</template>

<script>
  import AccountEmail from '../components/AccountEmail.vue';
  import AccountType from '../components/AccountType.vue';
  import AccountExpire from '../components/AccountExpire.vue';
  import PlatformList from '../components/PlatformList.vue';
  import EmailVerification from '../components/EmailVerification.vue';

  export default {
    name: 'account',

    components: {
      AccountEmail,
      AccountType,
      AccountExpire,
      PlatformList,
      EmailVerification
    },

    created() {
      console.log(this.$data); // there is no data :(
    },

    methods: {
      ...
    }
  };
</script>

0 个答案:

没有答案