Vue.js 为什么创建的方法在vue资源中不起作用?

Vue.js 为什么创建的方法在vue资源中不起作用?,vue.js,vue-resource,Vue.js,Vue Resource,我是Vue.js的初学者,我通过以下步骤安装了Vue资源: npm安装vue资源--保存 在main.js中:从“vue资源”导入VueResource 在main.js中:Vue.use(VueResource) App.vue: <template> <div id="app"> <Users/> </div> </template> <script> import Users from '

我是Vue.js的初学者,我通过以下步骤安装了Vue资源:

  • npm安装vue资源--保存
  • 在main.js中:
    从“vue资源”导入VueResource
  • 在main.js中:
    Vue.use(VueResource)
App.vue:

<template>
  <div id="app">
    <Users/>
  </div>
</template>

<script>
    import Users from './components/Users'
    export default {
        name: 'App',
        components: {
            Users
        }
    }
</script>

从“./components/Users”导入用户
导出默认值{
名称:“应用程序”,
组成部分:{
使用者
}
}
Users.vue:

<script>
    export default {
        name: 'Users',
        methods: {
            created: function(){
                console.log('Test Message');
            }
        }
    }
</script>

导出默认值{
名称:'用户',
方法:{
已创建:函数(){
log(“测试消息”);
}
}
}
控制台里什么也没发生


创建的函数不起作用,任何人都可以提供帮助?

该问题与vue资源无关,不会受其影响,除非它在初始化时导致错误

创建的
是生命周期挂钩,而不是用户定义的方法,因此不应在
方法中指定它

应该是:

export default {
    name: 'Users',
    created: function(){
        console.log('Test Message');
    }
}